vue常用指令

指令

• 本质就是自定义属性
• Vue中指定都是以 v- 开头

v-cloak

• 防止页面加载时出现闪烁问题
  
  
  
  
  
  

  {{msg}}

  
  
  
  
  
  

v-text

• v-text指令用于将数据填充到标签中，作用于插值表达式类似，但是没有闪动问题

• 如果数据中有HTML标签会将html标签一并输出

• 注意：此处为单向绑定，数据对象上的值改变，插值会发生变化；但是当插值发生变化并不会影响数据对象的值

  {{msg}}

v-html

• 用法和v-text 相似 但是他可以将HTML片段填充到标签中

• 可能有安全问题, 一般只在可信任内容上使用 v-html，永不用在用户提交的内容上

• 它与v-text区别在于v-text输出的是纯文本，浏览器不会对其再进行html解析，但v-html会将其当html标签解析后输出。
  

  
  　　

      
  {{message}}
   
      
  　　
   
  

v-pre

• 显示原始信息跳过编译过程

• 跳过这个元素和它的子元素的编译过程。

• 一些静态的内容不需要编译加这个指令可以加快渲染

    {{ this will not be compiled }}    
    
    {{msg}}  
     
  

v-once

• 执行一次性的插值【当数据改变时，插值处的内容不会继续更新】

  
     {{ msg}}