vue中的computed也可以进行数据的展示,他有以下的特点
一 ,基本用法
1.数据可以进行逻辑处理操作
2.对计算的属性可以进行监视(原来的数据变化了,计算的数据也会跟着变化)
var vm = new Vue({
el:'#test',
data:{
msg:"要么 干脆吃 锅巴"
},
computed:{
//要写成要给函数的形式,返回基本的数据
msg1:function(){
return "我要吃莱奥"
},
changeMsg:function(){
//数据进行计算
return this.msg.split(' ').reverse().join(' ');
}
},
methods:{
},
mounted:function(){
}
});
二,计算属性 与方法
将计算属性的get函数定义为一个方法也可以实现类似方法的功能
区别:
1.计算属性是基于他的依赖进行的,只有在相关依赖发生改变时才能更新变化。
2.计算属性是有缓存的,只有相关依赖没有变化,多次访问计算属性得到的值是之前缓存的计算结果,不会多次执行。