vue的查漏补缺1

2019-09-28  本文已影响0人  我爱阿桑

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()的回调函数中

上一篇 下一篇

猜你喜欢

热点阅读