9-Vue指令之V-text/V-html

1. v-text
+ v-text 属性可以更新元素的 textContent .
+ 在内部， {{ Mustache }} 插值也被编译为 textNode 的一个 v-text 指令

 <div id="app">
      <span v-text = 'msg'></span><br/>
      <span> {{ msg }} </span>
  </div>  

var vm = new Vue({
        el: '#app',
        data: {
            msg: 'hello vue'
        }
    })

2.v-html
+ v-html 指令可以更新元素的 innerHtml 。内容按普通 html 插入 – 数据绑定被忽略。
如果想复用模板片段，则应当使用 partials
+ 在内部 {{{ Mustache }}} 插值也会被编译为锚节点上的一个 v-html 指令
+ 注意：不建议在网站上直接动态渲染任意 html 片段，很容易导致 XSS 攻击

<div v-html = 'html'></div>
 <!--等价于-->
 <div>{{{ html }}}</div>