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 相关文章推荐
JavaScript 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 Javascript
extjs两个tbar问题探讨
Aug 08 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
Dec 14 Javascript
js密码强度检测
Jan 07 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
Sep 26 Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 Javascript
jQuery 实现鼠标画框并对框内数据选中的实例代码
Aug 29 jQuery
如何从0开始用node写一个自己的命令行程序
Dec 29 Javascript
js实现图片上传即时显示效果
Sep 30 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 Javascript
通过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
php self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
php获取bing每日壁纸示例分享
2014/02/25 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
js下用eval生成JSON对象
2010/09/17 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
Jquery全选与反选点击执行一次的解决方案
2015/08/14 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
TypeScript入门-接口
2017/03/30 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
2017/08/18 Javascript
select自定义小三角样式代码(实用总结)
2017/08/18 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
详解NodeJs开发微信公众号
2018/05/25 NodeJs
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
vue项目中常见问题及解决方案(推荐)
2019/10/21 Javascript
[49:41]NB vs NAVI Supermajor小组赛A组 BO3 第一场 6.2
2018/06/03 DOTA
python如何实现远程控制电脑(结合微信)
2015/12/21 Python
python2.7+selenium2实现淘宝滑块自动认证功能
2018/02/24 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
python 处理数字,把大于上限的数字置零实现方法
2019/01/28 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
python的等深分箱实例
2019/11/22 Python
python isinstance函数用法详解
2020/02/13 Python
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
市优秀教师事迹材料
2014/02/05 职场文书
浪费资源的建议书
2014/03/12 职场文书
土地转让协议书范本
2014/04/15 职场文书
2016年寒假学习心得体会
2015/10/09 职场文书
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python
Python爬取用户观影数据并分析用户与电影之间的隐藏信息!
2021/06/29 Python
Jmerte 分布式压测及分布式压测配置
2022/04/30 Java/Android