vue的 计算属性(computed)、methods、watched三者区别
来源:互联网 发布:linux svn服务端 编辑:程序博客网 时间:2024/06/07 06:01
计算属性 :和普通属性一样是在模板中绑定计算属性的,当data中对应数据发生改变时,计算属性的值也会发生改变。
Methods:methods是方法,只要调用它,函数就会执行。
相同:两者达到的效果是同样的。
不同:计算属性是基于它们的依赖进行缓存的,只有相关依赖会发生改变时才会重新求职。只要相关依赖未改变,只会返回之前的结果,不再执行函数。
<p>原始数据:{{msg}}</p><p>改变后的数据:{{changemsg}}</p>var vm=new Vue({el:"#example",data:{msg:"hello",},computed:{changemsg:function(){return this.msg.split("").reverse().join("");},}
computed属性 VS watched 属性
watched属性:代码更易于理解,它指定监测的值是谁,然后相应的改变其他的值。
var vm = new Vue({el: '#demo',data: {firstName: 'Foo',lastName: 'Bar',fullName: 'Foo Bar'},watch: {firstName: function (val) {this.fullName = val + ' ' + this.lastName},lastName: function (val) {this.fullName = this.firstName + ' ' + val}}})
computed属性:代码更简单。
var vm = new Vue({el: '#demo',data: {firstName: 'Foo',lastName: 'Bar'},computed: {fullName: function () {return this.firstName + ' ' + this.lastName}}})
阅读全文
2 1
- Vue计算属性(computed)、methods、watched三者区别
- vue的 计算属性(computed)、methods、watched三者区别
- vue的 计算属性(computed)、methods、watched三者区别
- vue的计算属性(computed)、methods、watched三者区别
- vue.js 计算属性及计算属性(computed)、methods、watched三者区别
- vue计算属性computed和methods的区别
- vue 计算属性computed和观察watch 和方法methods
- vue-计算属性computed
- Vue:计算属性computed
- vue计算属性computed的使用
- Vue computed计算属性的妙用
- vue的computed计算属性学习
- Computed-属性-vs-Watched-属性
- vue.js2.0关于computed、methods、watch、created的区别
- VUE-计算属性 vs Watched Property
- Vue.js computed vs Methods区别
- Vue之计算属性Computed
- Vue.js的computed和methods#
- js 对json分组
- Peeking into Apache Flink's Engine Room
- ssm+freemarker集成shiro修改
- coreseek添加mmseg分词
- jemeter对接口的post请求进行参数化进行压测
- vue的 计算属性(computed)、methods、watched三者区别
- 查看-颜色值HTML
- App 抓包工具二(Fiddler)
- 企业中docker的使用与安装
- 在struts2框架中使用servlet做接口
- Android 自定义View
- aqtest 004
- Linux OpenSSL 升级
- 数据库三大范式