Vue中监视属性和计算属性的区别是什么

这篇文章主要讲解了“Vue中监视属性和计算属性的区别是什么”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“Vue中监视属性和计算属性的区别是什么”吧！顾名思义，计算属性就是计算出来的属性，英文名儿computed
这里要和data和methods里的东西区分，data里的属性，methods里的函数，你写的都会原封不动放到vm里，但是computed里面的东西写的是对象，最后放到vm里的是这个对象的名，值是get里的返回值。下面看下Vue中监视属性和计算属性区别。我们将计算属性的案例使用watch写一遍需求一揽两个输入框下方一个全名要求输入框内容发生变化的时候，全名也跟着变化自实现既然要使用深度监视，那么我们就需要在data当中准备一个对象属性我们的深度监视针对的就是这个fullName我们在data当免费云主机域名中定义另一个变量userName，这个变量可以理解为计算属性，但是这里我们不使用computed配置项htmljs我们开启了深度监视，当fullName的内部值发生改变那么handler就会被调用因为v-model与input当中的value进行了双向绑定所以当期发生变化的时候，data当中的full与name也会跟着变化我们在fullName的深度监视中能够同步获得data当中已经发生改变的full与name在handler当中将userName的值，对其进行加法运算我感觉这样有点麻烦，看老师怎么做的吧新需求当姓（full）发生变化的时候，这个全名（userName），延迟一秒更新不过这样的话，那么就需要对full与name单独监视了注意点setTimeout这个函数，是js模块当中定时器模块所管理的一个函数它的this是window我们这个需求当中，setTimeout是vue当中，一个监听属性的handler回调当中的内容那么这个时候如果不写成箭头函数，那么this的指向就是window但是写了箭头函数，那么setTimeout的this指向就没有了没有怎么办？往上一级找嘛，上一级是谁？handler嘛，handler的this是谁？vue嘛是不能够通过异步请求来去维护数据的这俩配置项各有千秋，但是我个人觉得watch来书写这个需求的时候，会比较麻烦关于计算属性在我确认自己不需要对fullName这个整体进行修改的时候，那么我只需要一行代码即可完成这个需求关于监视属性我得亲自去监视姓和名的变化，或者说进行深度监视然后在handler当中去修改感谢各位的阅读，以上就是“Vue中监视属性和计算属性的区别是什么”的内容了，经过本文的学习后，相信大家对Vue中监视属性和计算属性的区别是什么这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是百云主机，小编将为大家推送更多相关知识点的文章，欢迎关注！