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