vue3+ts项目中基本使用

import { ref, reactive } from  'vue'    //  引入ref reactive  

 //   ref定义 响应式数据中基础数据类型    reactive定义  响应式数据中复杂数据类型  

  //  reactive定义时直接赋值会失去响应式    解决：1，使用ref定义   2，用对象包裹后再使用

  先定义  interface UserType {

      name：string，

      age：number

} 

 const user :UserType = reactive({

    name:'baole',

    age:'18'

}) 

大部分语法与逻辑和vue2相同 写法上略有不同  组合式api   const定义后 最后再return出来