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_ref和reactive


下一篇:vue3 setup 中 reactive 响应性 实践