https://vuejs.org/api/sfc-script-setup.html

    script-setup中定义的变量,模板中可以直接使用 setup script就是vue3新出的一个语法糖，使用方法就是在书写script标签的时候在其后面加上一个setup修饰。

    1. <template>
    2.    <div>
    3.      <button @click="add">{{count}}</button>
    4.    </div>
    5. </template>
    7. <script setup>
    8. import { reactive, toRefs } from "@vue/reactivity";
    10. const state = reactive({
    11.   count:1,
    12.   add(){
    13.     state.count++
    14.   }
    15. })
    16. const {count,add} = toRefs(state);
    17. </script>