composition api (常用部分)

69 阅读1分钟

setup

setup是一个函数,只在初始化时执行一次 返回一个对象,对象中的属性和方法,模板中可以直接使用 setup 返回的数据会和data和methods进行合并,setup优先级更高 setup函数中没有this setup不要写成async函数

ref reactive 响应式数据

ref 基础数据类型 打印结果是被一个对象包裹的数据 reactive 复杂的数据类型 打印结果用一层对象包裹

  1. reactive接受一个对象作为参数
  2. 其返回值是经reactive函数包装过后的数据对象,这个对象具有响应

const a = ref(0)

a.value

const state = reactive({ name:zhouteng, age:32 })

state.name
state.age