1、vue的set功能
使用场景:
当给予对象一个不存在的属性字段时,直接赋值不会触发视图更新
在官方文档上的看到的说明是:
向响应式对象中加一个属性,并确保这个新属性同样是响应式的,且触发视图更新
使用方法:Vue.set()
2、vue的filter功能
全局注册时是filter,没有s的。而组件过滤器是filters,是有s的,这要注意了,虽然你写的时候没有s不报错,但是过滤器是没有效果的.
可以处理行间不能处理的复杂的逻辑。
全局过滤器:
Vue.filter('test', function (value) {
return value + "!!!"
})
组件过滤器:
filters:{
test(value){
return value + "!!!"
}
},
3、vue的nextTick功能
用法:
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
在vue的生命周期的created()操作dom,一定要放在Vue.nextTick()的回调函数中
在数据变化时,要执行某个操作,而这个操作需要使用随数据改变而改变的dom结构时,这个操作都应该放进Vue.nextTick()的回调函数中
网友评论