{{item}} 页面效果：
3、computed和watch有何区别？
========================================================================================
（选自：https://www.cnblogs.com/penghuwan/p/7194133.html#_label1_0）
watch和computed都是以函数为基础的，但各自却都不同：
watch和computed都是以Vue的依赖追踪机制为基础的，它们都试图处置惩罚这样一件事情：当某一个数据（称它为依赖数据）发生变化的时候，所有依赖这个数据的“相关”数据“自动”发生变化，也就是自动调用相关的函数去实现数据的变动。
computed是计算属性，究竟上和和data对象里的数据属性是同一类的（使用上）,
例如:
computed:{
fullName: function () { return this.firstName + lastName }
}
取用的时候，用this.fullName去取用，就和取data一样（不要当成函数调用！）
watch:类似于监听机制+事件机制：
例如：
watch: {
firstName: function (val) { this.fullName = val + this.lastName }
}
firstName的改变是这个特别“事件”被触发的条件，而firstName对应的函数就相当于监听到事件发生后实行的方法
watch和computed也有显着不同的地方：各自处置惩罚的数据关系场景不同
1.watch擅长处置惩罚的场景：一个数据影响多个数据
比如：
在watch中，一旦haiZeiTuan_Name（海贼团名称）发生改变
data选项中的海员名称全部会自动改变 （suoLong，naMei，xiangJiShi）
var vm = new Vue({
el: ‘#app’,
data: {
haiZeiTuan_Name: ‘草帽海贼团’,
suoLong: ‘草帽海贼团索隆’,
naMei: ‘草帽海贼团娜美’,
xiangJiShi: ‘草帽海贼团香吉士’
},
watch: {
haiZeiTuan_Name: function (newName) {
this.suoLong = newName + ‘索隆’
this.naMei = newName + ‘娜美’
this.xiangJiShi = newName + ‘香吉士’
console.log(this.suoLong)
console.log(this.naMei)
console.log(this.xiangJiShi)
}
}
})
// 更改watch选项中监控的主数据
vm.haiZeiTuan_Name = ‘橡胶海贼团’
2.computed擅长处置惩罚的场景：一个数据受多个数据影响
computed监控的数据：lufei_Name
两者关系： lufei_Name = firstName + secName + thirdName
所以等式右边三个数据任一改变，都会直接修改 lufei_Name
var vm = new Vue({
el: ‘#app’,
data: {
// 路飞的全名：蒙奇·D·路飞
firstName: ‘蒙奇’,
secName: ‘D’,
thirdName: ‘路飞’
},
computed: {
luFei_Name: function () {
return this.firstName + this.secName + this.thirdName
}
}
})
// 将“路飞”改为“水师王”
vm.thirdName = ‘水师王’
自我介绍一下，小编13年上海交大结业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里不停到现在。
深知大多数前端工程师，想要提升技能，往往是本身摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。本身不成体系的自学效果低效又漫长，而且极易碰到天花板技术故步自封！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初志也很简单，就是渴望可以或许资助到想自学提升又不知道该从何学起的朋友，同时减轻各人的负担。
既有得当小白学习的零基础资料，也有得当3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比力大，这里只是将部分目次大纲截图出来，每个节点内里都包罗大厂面经、学习笔记、源码讲义、实战项目、解说视频，并且后续会持续更新
假如你觉得这些内容对你有资助，可以添加V获取：vip1024c （备注前端）
总结
大厂面试问深度，小厂面试问广度，假如有同砚想进大厂深造肯定要有一个方向精通的惊艳到面试官，还要平时碰到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。另有各人肯定要有目标，我在很久之前就想着以后肯定要去大厂，然后岑寂积极，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心不停学下去。
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新解说视频】
中…(img-aXvWsSt5-1711968260294)]
总结
大厂面试问深度，小厂面试问广度，假如有同砚想进大厂深造肯定要有一个方向精通的惊艳到面试官，还要平时碰到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。另有各人肯定要有目标，我在很久之前就想着以后肯定要去大厂，然后岑寂积极，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心不停学下去。
CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新解说视频】
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
