Vue-不允许嵌套式的渲染方法
更新时间：2018年09月13日 09:02:02 作者：letMeAlone_
今天小编就为大家分享一篇Vue-不允许嵌套式的渲染方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
当存在有两个元素作为需要VUE渲染的对象是，这两个对象不允许存在嵌套关系，比如有 id='a'和 od='b'这两个元素 当
<div id='a'>
{{message}}
<div id='b'>
{{message1}}
</div>
</div>
如果你想分别对他们进行以下操作（刚学不久，恕我没法用专业术语正确表达）
var app=new Vue({
el:'#a',
data:{
message:'a'
}
})
var app1=new Vue({
el:'#b',
data:{
message1:'b'
}
})
这种时候，Vue虽然没有报错，但不会正常显示。而是直接显示表达式。
而当将A和B分开来时，JS写法不变就可以正常显示，它并不会说根据个人定义来识别，所以能在一个对象里面完成的操作就不用去创建第二个对象
以上这篇Vue-不允许嵌套式的渲染方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了深入理解vue3中的reactive()，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-02-02
接收一个输入的手机号,判断输入的手机号是否正确是一个很常见的功能,这篇文章主要给大家介绍了关于前端Vue手机号校验以及后端Java手机号校验的相关资料,需要的朋友可以参考下2023-11-11
今天小编就为大家分享一篇对vue中v-if的常见使用方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了15 分钟掌握vue-next响应式原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-10-10
这篇文章主要介绍了vue中使用canvas绘图方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-09-09
本篇文章主要介绍了Vue学习笔记进阶篇之vue-router安装及使用方法，具有一定的参考价值，有兴趣的可以了解一下2017-07-07
Vue + element实现动态显示后台数据到options的操作方法
最近遇到一个需求需要实现selector选择器中选项值options 数据的动态显示，而非写死的数据，本文通过实例代码给大家分享实现方法，感兴趣的朋友一起看看吧2021-07-07
这篇文章主要介绍了vue spa应用中的路由缓存问题与解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要为大家详细介绍了vue开发公共组件之返回顶部，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
在vue2中 使用的 this.$route 和 this.$router this.$store的使用在vue3中完全适用，这篇文章主要介绍了Vue3 使用Vuex和router的注意事项及操作方法,需要的朋友可以参考下2022-12-12
最新评论