Vue之常用的內(nèi)置指令詳解
更新時(shí)間:2021年11月21日 15:07:28 作者:王同學(xué)要努力
這篇文章主要為大家介紹了Vue之常用的內(nèi)置指令,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助

<body>
<div id="root">
<h1 v-pre>好好學(xué)習(xí)</h1>
<h1>{{name}}</h1>
<h1 v-text="name"></h1>
<h2 v-html="str"></h2>
<h2 v-once>初始化時(shí)n的值是:{{n}}</h2>
<h2>當(dāng)前的值是:{{n}}</h2>
<button @click="n++">點(diǎn)我n+1</button>
</div>
<script>
Vue.config.productionTip = false;
new Vue({
el: "#root",
data: {
n: 1,
name: "王同學(xué)",
str: '<h4>你好!</h4>'
}
});
</script>
</body>
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
Vue2.0學(xué)習(xí)之詳解Vue 組件及父子組件通信
本篇文章主要介紹了Vue2.0學(xué)習(xí)之詳解Vue 組件及父子組件通信,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
Vue3實(shí)現(xiàn)組件拖拽實(shí)時(shí)預(yù)覽功能
這篇文章主要介紹了Vue3實(shí)現(xiàn)組件拖拽實(shí)時(shí)預(yù)覽功能,對(duì)于組件拖拽預(yù)覽,用戶可以在含有各種功能組件的列表中,選擇需要的組件進(jìn)行拖拽,需要的朋友可以參考下2023-12-12
Vue路由跳轉(zhuǎn)傳參或者打開新頁(yè)面跳轉(zhuǎn)問題
這篇文章主要介紹了Vue路由跳轉(zhuǎn)傳參或者打開新頁(yè)面跳轉(zhuǎn)問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-03-03

