Vue-不允許嵌套式的渲染方法
更新時間：2018年09月13日 09:02:02 作者：letMeAlone_
今天小編就為大家分享一篇Vue-不允許嵌套式的渲染方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
當(dāng)存在有兩個元素作為需要VUE渲染的對象是，這兩個對象不允許存在嵌套關(guān)系，比如有 id='a'和 od='b'這兩個元素 當(dāng)
<div id='a'>
{{message}}
<div id='b'>
{{message1}}
</div>
</div>
如果你想分別對他們進行以下操作（剛學(xué)不久，恕我沒法用專業(yè)術(shù)語正確表達(dá)）
var app=new Vue({
el:'#a',
data:{
message:'a'
}
})
var app1=new Vue({
el:'#b',
data:{
message1:'b'
}
})
這種時候，Vue雖然沒有報錯，但不會正常顯示。而是直接顯示表達(dá)式。
而當(dāng)將A和B分開來時，JS寫法不變就可以正常顯示，它并不會說根據(jù)個人定義來識別，所以能在一個對象里面完成的操作就不用去創(chuàng)建第二個對象
以上這篇Vue-不允許嵌套式的渲染方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了深入理解vue3中的reactive()，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
接收一個輸入的手機號,判斷輸入的手機號是否正確是一個很常見的功能,這篇文章主要給大家介紹了關(guān)于前端Vue手機號校驗以及后端Java手機號校驗的相關(guān)資料,需要的朋友可以參考下2023-11-11
今天小編就為大家分享一篇對vue中v-if的常見使用方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了15 分鐘掌握vue-next響應(yīng)式原理,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了vue中使用canvas繪圖方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
Vue學(xué)習(xí)筆記進階篇之vue-router安裝及使用方法
本篇文章主要介紹了Vue學(xué)習(xí)筆記進階篇之vue-router安裝及使用方法，具有一定的參考價值，有興趣的可以了解一下2017-07-07
Vue + element實現(xiàn)動態(tài)顯示后臺數(shù)據(jù)到options的操作方法
最近遇到一個需求需要實現(xiàn)selector選擇器中選項值options 數(shù)據(jù)的動態(tài)顯示，而非寫死的數(shù)據(jù)，本文通過實例代碼給大家分享實現(xiàn)方法，感興趣的朋友一起看看吧2021-07-07
這篇文章主要介紹了vue spa應(yīng)用中的路由緩存問題與解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要為大家詳細(xì)介紹了vue開發(fā)公共組件之返回頂部，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
在vue2中 使用的?this.$route?和?this.$router?this.$store的使用在vue3中完全適用，這篇文章主要介紹了Vue3 使用Vuex和router的注意事項及操作方法,需要的朋友可以參考下2022-12-12