Vue 过滤器 + v-cloak指令

41 阅读1分钟

Vue 过滤器:

    使用:1)用于插值语法  2)用于v-bind 语法

    定义:对要显示的数据进行特定格式化后再显示(适用于一些简单逻辑处理)

    语法:1)注册过滤器:Vue.filter(name,callback) 或 new Vue{filters:()} 

             2)  使用过滤器: {{ xxx  |  过滤器名   }}  或  v-bind:属性 = ‘ xxx  |  过滤器名 ’

    备注:1. 过滤器也可以接收额外参数、多个过滤器也可以串联

             2. 并没有改变原来的数据,是产生新的对应的数据。

V-cloak指令:(它是没有值的)

   1. 本质是一个特殊属性,vue 实例创建完毕并接管容器后,会删掉v-cloak属性。

   2. 使用css配合v-cloak可以解决网速慢时页面展示出{{xxx}}的问题。

  

  它可以解决的问题:当页面运行过慢的时候,它可以让未经解析的模板显示到页面上去。一旦vue挂载完毕,v-cloak就会自动删除,从页让模板中已解析内容立即显示出来。