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

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了。

data 变量 对象 函数

0 人点赞