Vue2学习笔记:计算属性(computed)

2018-11-07  本文已影响8人  贝灬小晖

coreui vue (后台管理样式) npm install coreui , npm install coreui/vue

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

Vue2学习笔记:计算属性(computed)

数据msg值为12345,我们现在需要反向显示成54321。

<script type="text/javascript">
var vm = new Vue({
el:'#box',
data:{
msg:'12345'
},
computed:{
reMsg:function(){
return this.msg.split('').reverse().join('')
}
}
});

    console.log(vm.reMsg); 
</script>

在官方文档中,强调了computed区别于method最重要的两点

  1. computed是属性调用,而methods是函数调用
  2. computed带有缓存功能,而methods不是
上一篇下一篇

猜你喜欢

热点阅读