Vue-不允許嵌套式的渲染方法
更新時間：2018年09月13日 09:02:02 作者：letMeAlone_
今天小編就為大家分享一篇Vue-不允許嵌套式的渲染方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
當存在有兩個元素作為需要VUE渲染的對象是，這兩個對象不允許存在嵌套關系，比如有 id='a'和 od='b'這兩個元素 當
<div id='a'>
{{message}}
<div id='b'>
{{message1}}
</div>
</div>
如果你想分別對他們進行以下操作（剛學不久，恕我沒法用專業(yè)術語正確表達）
var app=new Vue({
el:'#a',
data:{
message:'a'
}
})
var app1=new Vue({
el:'#b',
data:{
message1:'b'
}
})
這種時候，Vue雖然沒有報錯，但不會正常顯示。而是直接顯示表達式。
而當將A和B分開來時，JS寫法不變就可以正常顯示，它并不會說根據(jù)個人定義來識別，所以能在一個對象里面完成的操作就不用去創(chuàng)建第二個對象
以上這篇Vue-不允許嵌套式的渲染方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了vue?echarts移動端踩坑解決記錄，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了Electron-vue腳手架改造vue項目的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
使用vue和datatables進行表格的服務器端分頁實例代碼
本篇文章主要介紹了使用vue和datatables進行表格的服務器端分頁實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要為大家詳細介紹了vue+echarts封裝氣泡圖的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了詳解Vscode中使用Eslint終極配置大全，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
本文主要介紹了Vue3 style CSS 變量注入的實現(xiàn)，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧2021-07-07
Vue純前端實現(xiàn)導出excel中的圖片與文件超鏈接
這篇文章主要為大家詳細介紹了Vue如何純前端實現(xiàn)導出excel中的圖片與文件超鏈接,文中的示例代碼講解詳細,感興趣的小伙伴可以參考一下2025-03-03
這篇文章主要介紹了vue?首頁加載,速度優(yōu)化及解決首頁白屏的問題，具有很好的參考價值，希望對大家有所幫助。2022-10-10
Element-ui DatePicker顯示周數(shù)的方法示例
這篇文章主要介紹了Element-ui DatePicker顯示周數(shù)的方法示例，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-07-07
這篇文章主要介紹了基于VUE的v-charts的曲線顯示功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-10-10