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)法用專業(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)文章
這篇文章主要為大家介紹了vue?echarts移動(dòng)端踩坑解決記錄，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
Electron-vue腳手架改造vue項(xiàng)目的方法
這篇文章主要介紹了Electron-vue腳手架改造vue項(xiàng)目的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
使用vue和datatables進(jìn)行表格的服務(wù)器端分頁(yè)實(shí)例代碼
本篇文章主要介紹了使用vue和datatables進(jìn)行表格的服務(wù)器端分頁(yè)實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家詳細(xì)介紹了vue+echarts封裝氣泡圖的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了詳解Vscode中使用Eslint終極配置大全，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
Vue3 style CSS 變量注入的實(shí)現(xiàn)
本文主要介紹了Vue3 style CSS 變量注入的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-07-07
Vue純前端實(shí)現(xiàn)導(dǎo)出excel中的圖片與文件超鏈接
這篇文章主要為大家詳細(xì)介紹了Vue如何純前端實(shí)現(xiàn)導(dǎo)出excel中的圖片與文件超鏈接,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以參考一下2025-03-03
vue?首頁(yè)加載,速度優(yōu)化及解決首頁(yè)白屏的問(wèn)題
這篇文章主要介紹了vue?首頁(yè)加載,速度優(yōu)化及解決首頁(yè)白屏的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。2022-10-10
Element-ui DatePicker顯示周數(shù)的方法示例
這篇文章主要介紹了Element-ui DatePicker顯示周數(shù)的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要介紹了基于VUE的v-charts的曲線顯示功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-10-10