vue.js - Vue 中 data() 和 created() 中添加数据的区别

Question

以下有区别吗？我已经看到了两者都做的例子，但不确定你为什么会选择其中一个。

Vue.component('test', {

        data() {
           return { myDataA: 10 };
        }

        //vs

        created() {
           this.myDataB = 10;
        }
    }

Answer 1

created() 中设置的变量在 this不会 react 。为了使它们具有反应性，您必须在 data() 返回的对象中定义它们。 .

示例(注意输出中的文本如何不变):
https://jsfiddle.net/oyf4quyL/