vue前端面试题汇总（常问前端面试题汇总（常问-进阶篇）进阶篇）
vue中中computed和和watch的区别的区别
1.computed的用法
是一个计算属性,类似于过滤器,对绑定到view的数据进行处理。computed上面的属性不可在vue data中声明，不能做异步处理
data: {
firstName: 'Foo',
lastName: 'Bar'
},
computed: {
fullName: function () {
return this.firstName + ' ' + this.lastName
}
}
fullName不可在data里面定义,因为对应的computed作为计算属性定义fullName并返回对应的结果给这个变量,变量不可被重复
定义和赋值。computed的属性还有get，和set方法。
data: {
firstName: 'Foo',
lastName: 'Bar'
},
computed: {
fullName：{
get(){
return this.firstName + ' ' + this.lastName
},
set(val){
//val就是fullName的最新属性值
}
}
}
2.watch的用法
watch 是对data上的数据做监听，数据发生了变化做一系列的操作。
data: {
firstName: 'Foo',
lastName: 'Bar',
obj: {
a:1
}
},
watch: {
// 简单属性的监听
firstName (newVal, oldVlue) {
// newVal 新值， oldVlue旧值
}
// 对象某个属性的监听
obj.a (newVal, oldVlue) {}
// 对象的监听，对象引用发生变化才会触发
obj (newVal, oldVlue) {}
// 对象所有属性进行监听
obj : {
handler(oldVal,newVal){
},
deep:true
}
}
vue中中keep-alive的使用和新特性的使用和新特性
1.props
include – 字符串或正则表达式。只有名称匹配的组件会被缓存。
exclude – 字符串或正则表达式。任何名称匹配的组件都不会被缓存。
max – 数字。最多可以缓存多少组件实例。
2、结合router，缓存部分页面
评论0