v-once、v-pre、v-html、v-text、v-cloak、v-if、v-else、v-else-if、v-filter

  1. v-once 只执行一次
    v-pre 输出源代码
    例子:

html:

    

{{mas}}

{{mas}}

js:

       
        
  1. v-html 与 v-text 的区别是v-html会自动解析标签,而v-text 不可以解析标签
    例子:
    html:

          

    {{mas}}

    {{mas}}

    js:
  2. v-cloak 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
    例子:
    html:

         

    {{mas}}

    css: [v-cloak] { display: none; } js:

5.v-filter 过滤器的使用
例:
html:

    

{{6|head}}

js:

      
      

v-filter过滤器:对显示在页面上的数据进行处理筛选
js解释:

// 全局过滤器
Vue.filter("过滤器的名字",function(参数){
})
html:{{值|过滤器名字}}

// 局部过滤器

   
  

你可能感兴趣的:(v-once、v-pre、v-html、v-text、v-cloak、v-if、v-else、v-else-if、v-filter)