如何在使用Vue.js创建后读取方法中的更改数据

Question

我的代码是这样的：

<tempalte>
  <div>{{contents}}</div>
</tempalte>
<script>
{
  //...something
  data: function() {
    return { contents: null }
  },
  methods: {
    test() {
      console.log(this.contents)  
    }
  },
  created () {
    // do something...
    this.contents = someValue
    this.test()
  }
}
</script>

当created执行时调用测试方法，打印结果为旧值null。 但{{contents}}是新的价值。

如何在创建分配新值并调用方法后获取方法中的数据新值？

我已经修好了。如果我在updated（）中调用方法，它可以工作。

如果您想知道原因，可以阅读这篇文章： https://vuejs.org/v2/guide/reactivity.html