美文网首页
vue的查漏补缺1

vue的查漏补缺1

作者: 我爱阿桑 | 来源:发表于2019-09-28 15:36 被阅读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()的回调函数中

    相关文章

      网友评论

          本文标题:vue的查漏补缺1

          本文链接:https://www.haomeiwen.com/subject/nnbzuctx.html