Vue2 & Vue3 Data 间数据访问

从这例子向你展示：

• vue2 可以 直接访问serup 中的数据；
• vue3 无法访问 data 中的数据
• 因为 setup 在data 执行之前；

<script  lang="ts">
export default {
  name: 'Person',
  data(){
    return {
      a: 'vue2 data 中的数据',
      b: 0,
    }
  },
  // vue2 的方法 methods
  methods:{
    vue2Data(){
      console.log(this.age + 1)
    }
  },
  // setup vue3 新语法
  setup(){
    let age = 18
    return {age}
  }
}


</script>

<template>
  <main class="setBox">
    <h1>setup 的 age:{{age}}</h1>
    <!--<h1>姓名:{{name}}</h1>-->
    <hr>
    <button @click="vue2Data">这是从vue2 调动 vue3 setup的年龄 + 1</button>
  </main>
</template>