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

 更新时间:2018年09月13日 09:02:02   作者:letMeAlone_  
今天小编就为大家分享一篇Vue-不允许嵌套式的渲染方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

当存在有两个元素作为需要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 echarts移动端踩坑解决记录

    vue echarts移动端踩坑解决记录

    这篇文章主要为大家介绍了vue echarts移动端踩坑解决记录,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Electron-vue脚手架改造vue项目的方法

    Electron-vue脚手架改造vue项目的方法

    这篇文章主要介绍了Electron-vue脚手架改造vue项目的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • 使用vue和datatables进行表格的服务器端分页实例代码

    使用vue和datatables进行表格的服务器端分页实例代码

    本篇文章主要介绍了使用vue和datatables进行表格的服务器端分页实例代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • vue+echarts封装气泡图的方法

    vue+echarts封装气泡图的方法

    这篇文章主要为大家详细介绍了vue+echarts封装气泡图的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • 详解Vscode中使用Eslint终极配置大全

    详解Vscode中使用Eslint终极配置大全

    这篇文章主要介绍了详解Vscode中使用Eslint终极配置大全,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • Vue3 style CSS 变量注入的实现

    Vue3 style CSS 变量注入的实现

    本文主要介绍了Vue3 style CSS 变量注入的实现,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • Vue纯前端实现导出excel中的图片与文件超链接

    Vue纯前端实现导出excel中的图片与文件超链接

    这篇文章主要为大家详细介绍了Vue如何纯前端实现导出excel中的图片与文件超链接,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下
    2025-03-03
  • vue 首页加载,速度优化及解决首页白屏的问题

    vue 首页加载,速度优化及解决首页白屏的问题

    这篇文章主要介绍了vue 首页加载,速度优化及解决首页白屏的问题,具有很好的参考价值,希望对大家有所帮助。
    2022-10-10
  • Element-ui DatePicker显示周数的方法示例

    Element-ui DatePicker显示周数的方法示例

    这篇文章主要介绍了Element-ui DatePicker显示周数的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • 基于VUE的v-charts的曲线显示功能

    基于VUE的v-charts的曲线显示功能

    这篇文章主要介绍了基于VUE的v-charts的曲线显示功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-10-10

最新评论