vue.js在插入數值的時候有三種方式
1、插入純文本
插入純文本是最簡單的方式，使用雙大括號就能插入想要的值。
<span>{{ msg }}</span>
mustache也可以在屬性中使用
<div id="item-{{ id }}"></div>
就能顯示所需要顯示的文本信息了。但是有時候，我們想要插入的html文本，這時候要怎麼辦呢？在插入html的時候有兩種方式，一種是用三個大括號的形式，這種是在vue.js 1.x 版本時候使用較多，但是在vue.js 2.x 的時候，插入純文本的時候開始使用v-html的形式。
2、插入html
<span>{{{ msg }}}</span> // vue.js 1.x 版本
<div v-html="msg"></div> // vue.js 2.x版本
被插入的內容都會被當做 HTML —— 數據綁定會被忽略。注意，你不能使用 v-html 來複合局部模板，因爲 Vue 不是基於字符串的模板引擎。組件更適合擔任 UI 重用與複合的基本單元。此外不建議將用戶輸入的值直接作爲html顯示，這樣有可能會造成XSS攻擊。對用用戶輸入顯示的值一定要做必要的過濾之後才能真正顯示。
3、屬性
對於雙大括號，不能在html屬性中使用，對於屬性，使用v-bind 來綁定數據。
<div v-bind:id="dynamicId"></div>
<div :id="dynamicId"></div> // 簡寫形式