渲染

v-once

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

v- html

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

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

v-text

一般不用，不夠靈活，類(lèi)似直接用 {{ }}

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

v-pre

原封不動(dòng)的顯示，包括 {{ }}

v-block

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

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

動(dòng)態(tài)綁定

v-bind 基本使用

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

總結(jié)

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

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