前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解决:The “data“ option should be a function that returns a per-instance value in component definitions

解决:The “data“ option should be a function that returns a per-instance value in component definitions

作者头像
微风-- 轻许--
发布2022-04-13 16:19:50
9620
发布2022-04-13 16:19:50
举报
文章被收录于专栏:java 微风

1. 只是想定义一个变量,方便页面上调用 。

报错:

代码语言:javascript
复制
The "data" option should be a function that returns a per-instance 
value in component definitions.

Property or method "seen" is not defined on the instance but referenced 
during render. Make sure that this property is reactive, either in the data option, 
or for class-based components, by initializing the property. See: 
https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

我的原写法:

代码语言:javascript
复制
 data: {
    A: false,
    B: true
  }

2. 原因:

“ 一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。”

这句话出自 :

3. 修改 ,改为:

代码语言:javascript
复制
data: function() {
    return {
      seen: true
    };
},

再运行,OK了。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018/12/27 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档