渲染

v-once

• 該指令后面不需要跟任何表達(dá)式（比如之前的v-for后面是又跟表達(dá)式的）
• 該指令表示元素和組組件（組件后面才會學(xué)習(xí)）只渲染一次，不會隨著數(shù)據(jù)的改變而改變

v- html

當(dāng)服務(wù)器傳回一個HTML代碼時，{{ }} 就會將HTML代碼輸出，所以需要使用這個解析HTML代碼

<h2 v-html="url"></h2>data: {url: "<a href='http://www.baidu.com'>百度一下</a>" }

v-text

一般不用，不夠靈活，類似直接用 {{ }}

<h2 v-text="message"></h2> <h2>{{ message }}</h2>data: {message: "666" }

v-pre

原封不動的顯示，包括 {{ }}

v-block

在vue解析之前，div中有一個屬性v-block
在vue解析之后，div中沒有一個屬性v-clock
這樣就會直接顯示數(shù)據(jù)，而是不有{{ }} 出來半秒后轉(zhuǎn)換為數(shù)據(jù)
以后也不怎么用這個

<style>[v-clock] {display: none;} </style><div id="app" v-clock><h2 v-once>{{ message }}</h2> </div>

動態(tài)綁定

v-bind 基本使用

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的vue常用语法 渲染数据的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。