Vue-不允许嵌套式的渲染方法
2018-09-13 09:02
531 查看
当存在有两个元素作为需要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-不允许嵌套式的渲染方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Vue-不允许嵌套式的渲染
- Vue在页面数据渲染完成之后的调用方法
- vue渲染时闪烁{{}}的问题及解决方法
- vue-router 中router-view不能渲染的解决方法
- Vue 监听列表item渲染事件方法
- vue服务端渲染添加缓存的方法
- Vue+ElementUI实现表单动态渲染、可视化配置的方法
- vue-cli 更改数组中的数据,页面dom及时渲染 Vue.set方法
- Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
- Vue.js实现表格渲染的方法
- vue 每次渲染完页面后div的滚动条保持在最底部的方法
- vue2.0 axios跨域并渲染的问题解决方法
- vue 刷新之后 嵌套路由不变 重新渲染页面的方法
- 关于在vue中结合数组方法的this的指向问题
- vue.js中的列表渲染(循环渲染)(v-for)
- vue.js基础-声明式渲染和条件与循环
- vue-router+nginx 非根路径配置方法
- openGL ES 加速渲染方法实践
- IIS设置允许下载.exe文件解决方法
- vue监听scroll的坑的解决方法