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