美文网首页
Vue2学习笔记:计算属性(computed)

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

作者: 贝灬小晖 | 来源:发表于2018-11-07 11:42 被阅读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不是

    相关文章

      网友评论

          本文标题:Vue2学习笔记:计算属性(computed)

          本文链接:https://www.haomeiwen.com/subject/ulnmxqtx.html