vue中函数到底是如何执行的？

Question

代码：

<template>  
    <textarea v-model="t"></textarea>
</template>
<script>  
    export default {
      data() {
        return {
          t:'',
          a:[]
        }
      },
      watch: {
        t() {
          this.test()
        }
      },
      methods: {
        test() {
          console.log(this.a)
          this.a.push('b')
        }
      }
    }
</script>

当在文本域输入文字后，watch函数执行，触发了test方法，我先console后push,为什么数组a有值？

Answer 1

控制台 打印的 console 不是即时的
你将

console.log(this.a)

改为

console.log(JSON.stringify(this.a))

你就能看到 push前的 内容了

Answer 2

这和vue没有关系。
你操作的是一个对象，是通过引用的，即使是先输出再操作输出的也还是操作之后的内容。
比如：

var a = [];
console.log(a)    // Array[1]0: "1"length: 1__proto__: Array[0]
a.push('1')

Answer 3

感谢@Dont,感谢楼上两位。 https://segmentfault.com/q/10...