Vue实例中computed的使用
1.定义
- 在computed中可以定义一些属性,这些属性叫做计算属性,这些属性是一个方法,当需要使用计算属性时,直接把属性当作数据的名称使用,就会调用对应的方法去计算出一个数据
- 在引用计算属性时,一定不要加(),而应该将它当成不同数据来使用
- 只要计算属性的方法内部,任何data中的发生了变化,就会立刻调用函数,重新计算计算属性
- 计算属性的求值结果会被缓存起来,方便下次使用,如果计算属性中的数据发生变化,才会重新计算计算属性
2.使用
- 定义计算属性
var vm=new Vue({
el:'#app',
data:{
a:0
},
methods:{
},
computed:{
'计算属性':function(){
console.log("计算属性计算")
return this.a
}
}
- 修改data中的数据
<input type="button" @click="a++">
|你知道的越多,不知道的越多。 |如果本文章内容有问题,请直接评论或者私信我。如果觉得写的还不错的话,点个赞也是对我的支持哦。 |未经允许,不得转载!|微信搜【程序员徐小白】,关注即可第一时间阅读最新文章。回复【面试题】有我准备的50道高频校招面试题,以及各种学习资料。

浙公网安备 33010602011771号