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 相关文章推荐
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
基于JQuery的抓取博客园首页RSS的代码
Dec 01 Javascript
JavaScript中使用构造器创建对象无需new的情况说明
Mar 01 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
jquery控制显示服务器生成的图片流
Aug 04 Javascript
JS实现的自定义网页拖动类
Nov 06 Javascript
打字效果动画的4种实现方法(超简单)
Oct 18 Javascript
探秘vue-rx 2.0(推荐)
Sep 21 Javascript
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
Jan 07 Javascript
vue框架中props的typescript用法详解
Feb 17 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 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
受疫情影响 动画《Re从零开始的异世界生活》第二季延期至7月
2020/03/10 日漫
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
php抓取并保存网站图片的实现代码
2015/10/28 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
JQuery 引发两次$(document.ready)事件
2010/01/15 Javascript
过虑特殊字符输入的js代码
2010/08/05 Javascript
js去除重复字符串两种实现方法
2013/01/09 Javascript
js实现上传图片之上传前预览图片
2013/03/25 Javascript
获取非最后一列td值并将title设为该值的方法
2013/10/30 Javascript
js和css写一个可以自动隐藏的悬浮框
2014/03/05 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
JS结合bootstrap实现基本的增删改查功能
2016/07/22 Javascript
纯JS实现表单验证实例
2016/12/24 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
vue进入页面时滚动条始终在底部代码实例
2019/03/26 Javascript
Python中格式化format()方法详解
2017/04/01 Python
Python中异常重试的解决方案详解
2017/05/05 Python
python 将md5转为16字节的方法
2018/05/29 Python
Django实现跨域的2种方法
2019/07/31 Python
django之自定义软删除Model的方法
2019/08/14 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
浅谈Python协程
2020/06/17 Python
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
加拿大最大的五金、家居装修和园艺产品商店:RONA
2017/01/27 全球购物
几个人围成一圈的问题
2013/09/26 面试题
27个经典Linux面试题及答案,你知道几个?
2013/01/10 面试题
教师评优的个人自我评价分享
2013/09/19 职场文书
学校办公室主任职责
2013/12/27 职场文书
就业推荐表自我鉴定范文
2014/03/21 职场文书
计算机实训报告范文
2014/11/05 职场文书
餐饮服务食品安全承诺书
2015/04/29 职场文书
详解pytorch创建tensor函数
2022/03/22 Python