Vue-不允許嵌套式的渲染方法

發(fā)布時間：2020-09-08 06:57:41 來源：腳本之家閱讀：228 作者：letMeAlone_ 欄目：web開發(fā)

當(dāng)存在有兩個元素作為需要VUE渲染的對象是，這兩個對象不允許存在嵌套關(guān)系，比如有 id='a'和 od='b'這兩個元素 當(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'
 
 }
})

這種時候，Vue雖然沒有報錯，但不會正常顯示。而是直接顯示表達(dá)式。

而當(dāng)將A和B分開來時，JS寫法不變就可以正常顯示，它并不會說根據(jù)個人定義來識別，所以能在一個對象里面完成的操作就不用去創(chuàng)建第二個對象

以上這篇Vue-不允許嵌套式的渲染方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

猜你喜歡