错误如图所示:

修改方法:在ContentBar.vue文件中的data写上return返回值。

必须写return的原因:

在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:

在使用组件化的项目中使用的是如下形式:

vue的文件data中不写return{ }返回值的话,包裹的数据会在项目的全局可见,会造成变量污染。

使用return后数据中变量只在当前组件中生效,不会影响到其他组件,就不会报错。

子父组件传值时,子组件收到参数后不能直接修改,用一个回调函数来调用到父组件进行修改。

vue中vue.runtime.esm.js?2b0e:619 [Vue warn]: data functions should return an object:报错原因相关推荐

  1. vue.runtime.esm.js?2b0e:619 [Vue warn]: Property “XX“ must be accessed with “$data._tos“ because

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Property "tos" must be accessed with " d a t ...

  2. vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: to

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Missing required prop: "to" [Vue warn]: Error in r ...

  3. vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func

    前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 从后端拿取数据渲染到表格数据.结果明明写的没错,但是却 ...

  4. 工作194:vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘/system‘. This may cause an

    错误如下 拿到公司一个小哥哥的代码,一来就报了一堆bug,吓得我先写一篇博客vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detecte ...

  5. vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: “TypeError: Cannot read properties of und

    vue使用vue-element-admin报错: vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "TypeError ...

  6. vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: ‘xxx‘. This may cause an update err

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: 'xxx'. This may cause an update err ...

  7. vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop

    问题描述 vue.runtime.esm.js?2b0e:619 [Vue warn]: Avoid mutating a prop directly since the value will be ...

  8. vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: “__file“. Component names should con

    vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid component name: "__file". Component names ...

  9. 报错vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: “TypeError: Cannot read property ‘length‘

    在用 element-ui 做表单复选框的时候,出现报错 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in render: "TypeErro ...

最新文章

  1. S3C2410时钟部分总结
  2. HDFS的副本存放策略(机架感知策略)
  3. parseInt和parseFloat(转换成数字,提取成数字)?
  4. 为什么java容器能在for each中遍历(Map除外)
  5. Form提交前,ajax校验,并阻止提交
  6. Ubuntu 查看操作系统的位数
  7. Java基础学习总结(65)——Java中的String,StringBuilder和StringBuffer比较
  8. cocos编译java时改变使用的javac的版本
  9. 浅谈C#实现Web代理服务器的几大步骤
  10. mysql编程游标取值_mysql存储过程中使用游标的实例
  11. AMS Audio Converter如何编辑音频/ MP3的ID3信息?
  12. [CM311-1A]-Android 分区管理以及系统启动流程和目录解析
  13. 数据库系统设计大作业:图书馆管理系统
  14. 啊D注入工具是一种主要用于SQL的注入工具
  15. 用c++做文本加密与解密程序(源码)
  16. win10打开计算机黑屏怎么办,win10系统重启黑屏怎么办
  17. 获取flickr网站上某个用户的所有图片url
  18. NIVIDIA Xavier联网问题
  19. 17春c语言,2017春C语言程序设计 上(长安大学)
  20. 信托专替卖家刷淘宝信用 制造虚假交易赚人

热门文章

  1. JAVA面试八股文【全网最全】
  2. react 中微信分享一直是同一个页面
  3. 【直播回放PPT】企业架构与数字化转型
  4. 移动机器人——里程计矫正
  5. 企业固态和普通民用固态 及intel企业固态命名规则
  6. CSS打印样式研究与总结(一)
  7. stm32编程经验总结——常犯错误
  8. Nginx面试!java项目答辩问题及答案
  9. oracle oaf界面个性化,个性化EBS标准OAF页面(EO,+SQL全版本).doc
  10. CentOS部署FTP服务(vsftpd)及常见问题解决办法