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

标签 vue.js vuejs2 vue-component

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

Vue.component('test', {

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

        //vs

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

最佳答案

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

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

关于vue.js - Vue 中 data() 和 created() 中添加数据的区别,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48429276/

相关文章:

vue.js - 为什么在我的 nuxt-link 中没有重新加载具有相同 url 的页面?

javascript - 在 Vue.js 中单击 DOM 元素时执行函数

javascript - VueJS : prevent bouncing and zooming on IOS10+ with routing

javascript - Vuex - 突变后获取状态

javascript - 如何使用 vue 路由器将对象作为 Prop 传递?

vue-component - 在 Vuejs2 的 select 标签中计算 v-model

validation - Uncaught Error : [vee-validate] No such validator '1234567' exists

javascript - Vue 转换不适用于具有可重用组件的路由器 View

如果找不到路由,Vue.js 如何重定向到公共(public)路由

elasticsearch - 使用 Vue.js 突出显示来自 Elasticsearch 的搜索结果