溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
Vue.js 使用了基于 HTML 的模板語法，允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循規范的瀏覽器和 HTML 解析器解析。
在vue里最常見的數據綁定是使用“Mustache”語法 (雙大括號) 的文本插值：
<span>Message: {{ value }}</span> // 插值文本
無論何時，綁定的數據對象上 value 屬性發生了改變，頁面上都會響應的做出重新渲染。
或者有時候只是想更新一次，不想每次都更新數據了頁面也重新渲染，可以通過 v-once指令也能實現一次性的更新：
<span v-once>這個將不會改變: {{ value }}</span>
// value的值改變了一次后，第二次改變時就不會再重新渲染頁面
有時候你插入的不是單單一個文本時，比如一個富文本的值時，它包含了各種文本值和各種原始的html的標簽，要完整的顯示到頁面上，就得使用v-html的指令：
<template>
<div v-html="htmlvalue"></div> // 調用顯示富文本，將會按照原始的html顯示
</template>
<script>
export default {
data(){
return{
htmlvalue: '<span >the should be red</span>' // 比如：這是一個富文本的值
}
}
}
</script>
注意：你的站點上動態渲染的任意 HTML 可能會非常危險，因為它很容易導致XSS 攻擊。請只對可信內容使用 HTML 插值， 絕不要 對用戶提供的內容使用插值。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
