Vue-不允许嵌套式的渲染
2017-02-22 17:36
85 查看
当存在有两个元素作为需要VUE渲染的对象是,这两个对象不允许存在嵌套关系,比如有 id='a'和 od='b'这两个元素
当
<div id='a'>
{{message}}
<div id='b'>
{{message1}}
</div>
</div>如果你想分别对他们进行以下操作(刚学不久,恕我没法用专业术语正确表达)
这种时候,Vue虽然没有报错,但不会正常显示。而是直接显示表达式。
而当将A和B分开来时,JS写法不变就可以正常显示,它并不会说根据个人定义来识别,所以能在一个对象里面完成的操作就不用去创建第二个对象
当
<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-不允许嵌套式的渲染方法
- Vue路由History mode模式中页面无法渲染的原因及解决
- 使用 Vue 2.0 实现服务端渲染的 HackerNews
- Vue.JS入门教程之列表渲染
- 基于vue-ssr服务端渲染入门详解
- 在 Express 应用中接入 Vue 2.0 服务端渲染
- 03-Vue入门系列之Vue列表渲染及条件渲染实战
- vue过滤渲染
- 使用Vue.js调动豆瓣API电影模块,并渲染上页面
- Vue.js教程6-列表渲染
- ASP.NET Core 与 Vue.js 服务端渲染
- Vue.js-条件渲染
- Vue.js入门学习--v-if 组合 v-else-if条件指令渲染DOM(三)
- vue服务端渲染的实例代码
- NET Core 与 Vue.js 服务端渲染
- Vue------第三天(条件渲染:v-if、v-show;列表渲染:v-for)
- 详解Nuxt.js Vue服务端渲染摸索
- vue列表渲染
- vue条件渲染
- 快速处理vue渲染前的显示问题