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> 标签