vue.js实战 第一篇 1-3章计算属性

一、基本环境的搭建

1、引用<script src=vue.min.js>

2、容器设置<div id="app">

指令：v-for v-if v-html v-pre v-bind（简写:）v-on(简写@)

插值和表达式：{{}}，js表达式支持简单的运算、三元运算等，不支持语句和流控制

过滤器：|，简单的文本转换等，复杂的用计算属性

3、脚本块

new Vue({

    el:'#app',

    data:{name:'aaa'},

    created:function(){},

    mounted:function(){},

    beforeDestory:function(){},

    filters:{

        formatData:function(value){}

    },

    methods:{

        method1:function(){}

    }

})                

 

二、计算属性

computed:{

    func1:function(){

    ///

    return value

    }

}

 

计算属性的get，set

有时使用计算属性还是methods，取决是否需要缓存。计算属性依赖的数据发生变化时，才会重新取值。而method不会。