vue3-setup（引用和方法）

setUp函數

• 使用Composition API 的入口
• 在beforeCreate之前調用
• 在setup中沒有this
• 返回對象中的屬性刻在模板中使用

  <template>
    <div id="app">
      {{name}}
      <p>{{age}}</p>
      <button @click="plusOne()">+</button>
    </div>
  </template>
  
  <script>
  import {ref} from 'vue'
  export default {
    name:'app',
    data(){
      return {
        name:'xiaosan'
      }
    },
    setup(){
      const name =ref('小四')
      const age=ref(18)
      function plusOne(){
        age.value++ //想改變值或獲取值 必須.value
      }
      return { //必須返回 模板中才能使用
        name,age,plusOne
      }
    }
  }
  </script>