绵阳集团网站建设,什么是网络推广营销,镇江网友之家手机版,网站图片延时加载首先这里进行声明#xff0c;这个讲的是vue2的内容#xff0c;在vue3发生了什么变动与此无关 这里是官网#xff1a; https://v2.cn.vuejs.org/v2/guide/installation.html
computed 计算属性
watch 侦听器#xff08;也叫监视器#xff09;
其区别如下… 首先这里进行声明这个讲的是vue2的内容在vue3发生了什么变动与此无关 这里是官网 https://v2.cn.vuejs.org/v2/guide/installation.html
computed 计算属性
watch 侦听器也叫监视器
其区别如下
1.computed能完成的功能watch都能完成 2.watch能完成的功能computed不一定能完成例如watch可以进行异步操作
两个重要的小原则 1.所被Vue管理的函数最好携程普通函数这样this的指向才是vm或组件实例对象 2.所有不被Vue所管理的函数定时器的回调函数ajax的回调函数等promise的回调函数最好写成箭头函数这样this的指向才是vm或组件实例对象
官网是这么写的
Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动侦听属性。当你有一些数据需要随着其它数据变动而变动时你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而通常更好的做法是使用计算属性而不是命令式的 watch 回调
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}}
})上面代码是命令式且重复的。将它与计算属性的版本进行比较
var vm new Vue({el: #demo,data: {firstName: Foo,lastName: Bar},computed: {fullName: function () {return this.firstName this.lastName}}
})很明显可以看出官网更加推荐计算属性的使用