iT邦幫忙

2023 iThome 鐵人賽

DAY 14
0
Cloud Native

Vue 上 雲 霄系列 第 14

[Day 14]V,你去烤肉怎麼不早說!

  • 分享至 

  • xImage
  •  

大家好今天是鐵人賽的第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>

以上為今天的內容,感謝閱讀。
/images/emoticon/emoticon29.gif


上一篇
[Day 13] V,你好
下一篇
[Day 15] V,I REALLY WANT TO STAY AT YOUR HOUSE
系列文
Vue 上 雲 霄21
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言