项目BUG

vue中的监听问题

<div>
    {{aaa}}
    <button @click="text">点击</button>
</div>
 created() {
    this.aaa = 123
  },
  methods: {
    text() {
      this.aaa = 456
    }
   }

此时： 点击button时 aaa的值却不会变化。

 <div>
    {{aaa}}
   <div>{{bbb}}</div>
    <button @click="text">点击</button>
</div>
 data() {
    return {
    bbb: 456
    }
 },
 created() {
    this.aaa = 123
 },
  methods: {
    text() {
      this.aaa = 456,
      this.bbb = 789
    }
   }

但是在data中定义一个数据bbb时，点击test函数改变bbb的值，这是aaa的值也会随着变化。