如何在 vuejs 中获取价值 [__ob__: Observer]

Question

我正在Info.vue处理代码

data() {
        return {
       option: [],
    }
}

created() {
  console.log(this.option);
}

methods: {
// I get the value from the form on change
  myChange: function (name, age) {
   this.option.push({name: name, age: age})
}

结果：

[__ob__: Observer]
0:
name: ("zoka")
age: ("18")
__ob__: Observer {value: {…}, dep: Dep, vmCount: 0}

我无法获得 this.option 中的值，请给我一个想法。谢谢

Answer 1

@json 请参阅下文，了解如何最好地查看数据属性 option 中的内容。您究竟想在哪里查看您的 option 属性？在控制台日志或您的模板中？

<script>
export default {
  data() {
    return {
      option: [],
    };
  },
  watch: {
    option() {
      // or check in a watcher. This will fire
      // anytime the `option` property is updated
      console.log("option within watcher:", this.option);
    },
  },
  methods: {
    myChange(name, age) {
      this.option.push({ name, age });

      // you can check here if you want
      console.log("option within myChange:", this.option);
    },
  },
  created() {
    // option is the default of an empty array here
    console.log("option within created:", this.option);
  },
};
</script>

不过，您确实应该花时间阅读 Vue 文档。他们花了很多时间把它们放在一起，他们可以很容易地为你回答这个问题。 官方文档可以在here找到。
阅读文档并熟悉 Vue，它会变得更加有趣。你很快就会飞过这一切:)