大家好今天是鐵人賽的第14天,先祝各位中秋節快樂唷!
有注意到標題為什麼有V嗎?絕對不是什麼說某款遊戲的主角,題外話~
今天要說的是v-pre和v-once。
v-pre指令無需表達式,用於跳過這元素和其子元素,就可以用v-pre顯示原始標籤,網頁內容就不會受限於模板語法。
<template>
<div v-pre>{{ example }}</div>
</template>
加上v-pre,讓vue可以忽視模板語法,直接將其呈現出來。
v-once只會渲染一次,之後就不再渲染了!
<template>
<div v-once>{{ example }}</div>
</template>
<script>
export default {
data() {
return {
example: "<h1>TextView</h1>",
};
},
};
</script>
以上為今天的內容,感謝閱讀。