48 lines
758 B
HTML
48 lines
758 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Title</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div id="app">
|
|
<h2 v-zd="message">{{message}}</h2>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script>
|
|
|
|
Vue.directive("zd", {
|
|
bind(el, binding, vnode) {
|
|
document.title = binding.value
|
|
// console.log(el)
|
|
console.log(binding.value)
|
|
console.log(vnode)
|
|
}
|
|
})
|
|
new Vue({
|
|
el: '#app',
|
|
data: {
|
|
message: '-热门'
|
|
},
|
|
created() {
|
|
// document.title = this.message
|
|
this.message = this.message.substring(1)
|
|
},
|
|
methods: {
|
|
|
|
},
|
|
filters: {
|
|
changeString(val) {
|
|
return val.substring(1);
|
|
}
|
|
}
|
|
|
|
})
|
|
|
|
</script>
|
|
</html> |