今天是第十二天，前面我們分享了一些Vue.js指令的簡單實作，
那今天我想簡單介紹一下以下指令v-text ,v-html ,v-pre

首先，要怎麼辨別Vue.js的指令是哪段程式碼??
其實很容易看得出來，相信各位在前幾天的文章也有注意到，
只要是v-為開頭的屬性，就是Vue.js 的指令了。

那我想分享前幾天沒有提及的指令

1.v-text：
標籤中的文字資料，會原封不動地呈現（可以渲染資料，不解析標籤）

如果是想要解析帶有標籤的html，就如同上面所提的，如果繼續使用v-text這個指令的話是無法解析標籤的，所有文字資料都會輸出，這時候就可以使用

2.v-html:
這個指令就能夠解析html程式碼，只把標籤內的文字資料進行輸出（可以渲染資料，可解析標籤）

下方附上參考文件，裡面有程式範例，想了解更多可以點擊下方

參考文件:
https://iter01.com/490521.html
https://vuejs.org/api/built-in-directives.html

我們在Vue.js中，時常用Mustache語法{{}}來進行data中資料的渲染，想當然的，顯示實行結果時，
{{}}不會跟著一起出現，實行結果應該是顯示{{}}裡面的變量在data裡面的文字資料，
那當今天我想要連"{{}}”都顯示出來的話

3.v-pre：
可以不使用Mustache語法，連同"{{}}"一起進行輸出

理所當然，因為程式是輸出了"{{}}"，而不是使用Mustache語法，所以就算{{}}裡面含有變量也不會對data裡面的文字資料進行渲染

Vue.js 與其指令簡單介紹分享到這邊，我們第十三天見