脚本宝典收集整理的这篇文章主要介绍了vue中的computed属性,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
computedKey: function(){
return this.dataKey+'change'
}
目的:为了避免模板中加入太多的计算公式,不够精炼明了
简单用法:
<div id="example">
<p>Original message: "{{ message }}"</p>
<p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>
var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
computed: {
// 计算属性的 getter
reversedMessage: function () {
// `this` 指向 vm 实例
return this.message.split('').reverse().join('')
}
}
})
在模板文件中,只需要写reversedMessage即可,它与message是有依赖关系的。
原理:https://segmentfault.com/a/11...
用法:https://cn.vuejs.org/v2/guide...
以上是脚本宝典为你收集整理的vue中的computed属性全部内容,希望文章能够帮你解决vue中的computed属性所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。