Vue中data()和create()中添加数据的区别

Question

以下有区别吗？我见过同时执行这两种操作的示例，但不确定为什么您会选择其中之一。

Vue.component('test', {

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

        //vs

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

Answer 1

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

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