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 相关文章推荐
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 Javascript
JS之小练习代码
Oct 12 Javascript
JS 实现双色表格实现代码
Nov 24 Javascript
JS回调函数的应用简单实例
Sep 17 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
使用RequireJS优化JavaScript引用代码的方法
Jul 01 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 Javascript
Vue项目中ESlint规范示例代码
Jul 04 Javascript
UEditor 自定义图片视频尺寸校验功能的实现代码
Oct 20 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中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
PHP连接操作access数据库实例
2015/03/30 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
jquery 简单应用示例总结
2013/08/09 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
js中indexof的用法详细解析
2013/12/24 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
Vue中的数据监听和数据交互案例解析
2017/07/12 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
jQuery插件实现的日历功能示例【附源码下载】
2018/09/07 jQuery
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
一次Webpack配置文件的分离实战记录
2018/11/30 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
vue+ESLint 配置保存 自动格式化代码
2020/03/17 Javascript
python脚本设置超时机制系统时间的方法
2016/02/21 Python
巧用python和libnmapd,提取Nmap扫描结果
2016/08/23 Python
python使用matplotlib绘制折线图教程
2017/02/08 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Java及python正则表达式详解
2017/12/27 Python
python石头剪刀布小游戏(三局两胜制)
2021/01/20 Python
django celery redis使用具体实践
2019/04/08 Python
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
洗车工岗位职责
2014/03/15 职场文书
客服专员岗位职责
2015/02/10 职场文书
城管年度个人总结
2015/02/28 职场文书
2016春节慰问信范文
2015/03/25 职场文书
社区服务理念口号
2015/12/25 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
JavaScript实现淘宝商品图切换效果
2021/04/29 Javascript
详解Oracle数据库中自带的所有表结构(sql代码)
2021/11/20 Oracle