Ref 指令类型
-
简单类型
const initCode = ref<string | number>('200')
-
复杂类型
interface User { name: string age: string | number }
const user = ref<User>({name:'前端开发', age: 25)
Reactive 指令类型
-
方法一
interface User { name: string age: string | number } const user:User = reactive({ name:"前端开发", age:25 })
-
方法二
interface User { name: string age: string | number } const user = reactive<User>({ name:"前端开发", age:25 })
Computed 类型
-
方法一
const count = computed<string>(() => return '前端开发')
defineProps类型
-
方法一
const props = defineProps({ name: { type: String, required: true }, age: Number })
-
方法二
interface Props { name: string age?: number }
const props = defineProps<Props>()
参考文章: juejin.cn/post/712125…
