Question

我需要在阅读this之后在应用程序“启动”之前编辑我的数据。看来我可以在创建时执行此操作，但它出现错误：

Cannot read property 'test' of undefined

这是我的代码：

data() {
    return {
        test: 'hello',
    }
},

created:() => {
    console.log(this.test); //should log hello
}

Answer 1

这是范围问题（this的绑定）

尝试像这样定义created方法：

created () {
  console.log(this.test) //should log hello
}

完整示例请参阅我创建的这个JSFiddle：https://jsfiddle.net/u96L1maz/1/

Answer 2

除了其他解决方案，这也将起作用。

new Vue({
  el: '#app',
  data: () => {
    return {
      hello: 'hello',
      bye: 'bye'
    }
  },
  created: () => {
    console.log(hello) // hello
    console.log(bye) // bye
  }
})

在应用开始之前更新一段数据？

2 个答案: