1.--ref属性
1.1代码
1.1.1子表
<button @click="showLog">点我输出h2这个元素</button>
<script lang="ts" setup name="Person">
import {ref,defineExpose} from 'vue'
// 创建一个title2,用于存储ref标记的内容
console.log(title2.value)
background-color: skyblue;
1.1.2父表
你好
2.简单回顾TS
1.子
???
2.TS
export interface PersonInter {
id:string,
name:string,
age:number
}
// 一个自定义类型
// export type Persons = Array
export type Persons = PersonInter[]
3.props的使用
1.1子表
1.2父表
2.TS
// 定义一个接口,用于限制person对象的具体属性
export interface PersonInter {
id:string,
name:string,
age:number,
}
// 一个自定义类型
// export type Persons = Array
export type Persons = PersonInter[]
4. 对生命周期的理解
1.vue3
1. 子表
当前求和为:{{ sum }}
2.父表