vue3.0的setup函數的使用

setup函數是用於定義變量和方法的

1.引入ref 和 reactive 模塊

import {ref, reactive} from 'vue'

ref 模塊是用來聲明簡單數據類型的，例如,string , number ,boolean 等

reactive 模塊是用來聲明復雜數據類型的，例如，數組，對象等

 

2.使用setup函數，並在函數內使用ref 聲明簡單數據類型 和 復雜數據類型

 
 setup(){
   let num = ref(0)  // ref 聲明簡單數據類型
   let arr = reactive([1,2,3])  // reactive 聲明復雜數據類型
   // 聲明方法
   let test = ()=>{
      return 111
   }
   // 返回數據
   return {
     num , arr ,test 
   }
 }
}