Vue-不允许嵌套式的渲染方法


Posted in Javascript onSeptember 13, 2018

当存在有两个元素作为需要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-不允许嵌套式的渲染方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
php上传图片并给图片打上透明水印的代码
Jun 07 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
浅析LigerUi开发中谨慎载入common.css文件
Jul 09 Javascript
解析javascript中鼠标滚轮事件
May 26 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
原生js实现简单的焦点图效果实例
Dec 14 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
Vue微信公众号网页分享的示例代码
May 28 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
Oct 19 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 #Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 #Javascript
JavaScript数组方法的错误使用例子
Sep 13 #Javascript
vue仿element实现分页器效果
Sep 13 #Javascript
区别JavaScript函数声明与变量声明
Sep 12 #Javascript
详解js中Array的方法及技巧
Sep 12 #Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 #Javascript
You might like
使用adodb lite解决问题
2006/12/31 PHP
Codeigniter实现智能裁剪图片的方法
2014/06/12 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
php从字符串创建函数的方法
2015/03/16 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
js网页版计算器的简单实现
2013/07/02 Javascript
Active控件问题小结(附解决办法)
2016/06/09 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
详解vue 数组和对象渲染问题
2018/09/21 Javascript
JSON的parse()方法介绍
2019/01/31 Javascript
NodeJS实现同步的方法
2019/03/02 NodeJs
关于NodeJS中的循环引用详解
2019/07/23 NodeJs
vue数据更新UI不刷新显示的解决办法
2020/08/06 Javascript
python pygame实现方向键控制小球
2019/05/17 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
Python通过4种方式实现进程数据通信
2020/03/12 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
Html5实现用户注册自动校验功能实例代码
2016/05/24 HTML / CSS
Ever New美国:澳大利亚领先的女装时尚品牌
2019/11/28 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
遇到的Mysql的面试题
2014/06/29 面试题
大学生职业生涯规划书范文
2014/01/04 职场文书
邮政员工辞职信
2014/01/16 职场文书
春风行动实施方案
2014/03/28 职场文书
开工仪式策划方案
2014/05/23 职场文书
2014年乡镇人大工作总结
2014/11/25 职场文书
开会通知
2015/04/20 职场文书
Win11绿屏怎么办?Win11绿屏死机的解决方法
2021/11/21 数码科技