美文网首页
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

    1、vue的set功能 使用场景: 使用方法:Vue.set() 2、vue的filter功能 全局注册时是fil...

  • 【Android面试查漏补缺】之事件分发机制详解

    前言 查漏补缺,查漏补缺,你不知道哪里漏了,怎么补缺呢?本文属于【Android面试查漏补缺】系列文章第一篇,持续...

  • 查漏补缺

    如果想让HTML5标签兼容低版本浏览器的话,可以使用 html5shiv js来实现。注意:一定要把它引入到前面。...

  • 查漏补缺

    图文环绕和浮动 最初的CSS只是用来写文章,熟练使用float和clear两个属性来布局: float属性:指定一...

  • 查漏补缺

    1.js字符串转换成数字与数字转换成字符串的实现方法https://www.2cto.com/kf/201612/...

  • 查漏补缺

    浮动原理 1.使用之初:是为了让文字环绕图片,并且不会遮住文字。如果让图片与文字有间距,我们在浮动元素上添加。2....

  • 查漏补缺

    今天数学老师外出学习,我用了一上午的时间给孩子们查漏补缺。 首先,训练朗读:从段落与段落之间的大停顿...

  • 查漏补缺

    1 Python提供了ord()和chr()函数,可以把字母和对应的数字相互转换2 写 u'中' 和 u'\u4e...

  • 查漏补缺

    generator(生成器) 什么是生成器:把一个列表推倒式l = [x for x in range(10)]改...

  • 查漏补缺

    session 判断

网友评论

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

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