Vue v-pre 指令
示例
使用 v-pre 指令來阻止編譯 <p> 元素。
<img v-bind:src="imgUrl[imgIndex]">
<p v-pre>Img src: '{{ imgUrl[imgIndex] }}' <strong>(Not compiled)</strong></p>
<p>Img src: '{{ imgUrl[imgIndex] }}' <strong>(Compiled version)</strong></p>
<button v-on:click="changeImg">Change image</button>
定義和用法
v-pre 指令會跳過此元素及其所有子元素的編譯。
v-pre 指令可用於顯示原始 Vue 程式碼，例如花括號 {{ }}。
相關頁面
Vue 教程：Vue v-bind 指令
Vue 教程： Vue v-on 指令
Vue 教程： Vue 方法
HTML 參考：HTML <pre> 標籤
