脚本宝典收集整理的这篇文章主要介绍了vue.js的小知识，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
vue会代理其data对象里所有的属性
例如
data.a=vn.a
vm.$id vm.$data等
==钩子函数==
*created（创建后）
*mounted（载入后）
*updated（更新后）d（销毁后）
*estroyed（销毁后）
var vm = new Vue({
data: {
a: 1
},
created: function () {
// `this` 指向 vm 实例
console.log('a is: ' + this.a)
}
})<div v-html="mas"></div>mustache 语法不能作用在 HTML 特性上所以用v-bind来给HTML属性
v-bind:title="" 等可以缩写为：title
v-bind:href="" 等可以缩写为：href
v-on:click="" 缩写为@click=""
过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符指示：
<body>
<div class="a1">{{mas|pps|pps1}}
</div>
<script>
var vm =new Vue({
el:'.a1',
data:{
mas:'qwt jnbfth'
},
filters:{
pps:function(val){
return val.toUpperCase()
},
pps1:function( val){
return val.split("").reverse().join("")
}
}
})
</script>
</body>我们可以将同一函数定义为一个 method 而不是一个计算属性。对于最终的结果，两种方式确实是相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。
computed: {
fullName: {
// getter
get: function () {
return this.firstName + ' ' + this.lastName
},
// setter
set: function (newValue) {
var names = newValue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}以上是脚本宝典为你收集整理的vue.js的小知识全部内容，希望文章能够帮你解决vue.js的小知识所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。