Vue3.0组合式API（四）-----组件化开发
目录
- 一、概述
- 二、组合API函数
- 2.1 路径配置
- 2.2 生命周期函数
- 2.3 监听函数
- 2.3.1 watch函数
- 2.3.2 watchEffect函数
- 三、父子组件通信（以setup语法糖写法）
- 3.1 基础组件
- 3.1.1 保持组件激活状态
- 3.1.2 动态选择展示组件
- 3.2 父传子数据
- 3.2.1 基本写法
- 3.2.2 props属性校验
- 3.2.3 ref、reactive、toref、toRefs浅析
- 3.3 子传父事件
- 3.4 父获取子变量、方法
- 四、插槽类子组件
- 4.1 插槽子组件
- 4.2 插槽父组件
-
- 4.3 作用域插槽
一、概述
- 指导思想：小组件组成大组件，大组件组成组件集，即页面
- 组件树：最后页面会构成一个组件树，根组件是App.vue，各个页面也为组件，注册在根组件下，并类似向下扩展
二、组合API函数
2.1 路径配置
- style中调用
- 引用外部样式文件：
@import '~@/assets/css/base.css'; - 注意：句尾有分号，引用有波浪线
- script中调用
- 写法：
import Home from '@/views/Home/Home.vue' - 注意：句尾无分号，引用无波浪线
- setup语法糖：
