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不会。

猜你喜欢

转载自www.cnblogs.com/fishope/p/10848575.html