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 
   }
 }
}

vue3.0的setup函数的使用

相关推荐