vue指令 常用指令 v-cloak指令

指令(Directives)就是vue给html标签提供的一些自定义属性，这样属性都是带有 v- 前缀的特殊属性。指令特性的值预期是单个JS表达式(v-for是例外情况)。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于DOM。

v-html 解析html指令  注：尽量避免使用，容易造成危险 (XSS跨站脚本攻击)

v-text 输出文本信息

-----------------------------------------------------

<div id="app">

<!-- 转义html -->

<h3>{{html}}</h3>

<!-- 解析 html -->

<div v-html="html"></div>

<!-- 转义html -->

<div v-text="html"></div>

</div>

<script src="./vue.js"></script>

<script>

  new Vue({

    el: '#app',

    data: {

      html:'<a href="http://www.baidu.com/">百度一下</a>'

    }

  })

</script>

 

 v-cloak指令

解决浏览器在加载页面时因存在时间差而产生的“闪动”问题