Vue3组件化开发（三）

一、切换组件案例

1.v-if显示不同的组件
我们可以先通过v-if来判断显示不同的组件，这个可以使用我们之前讲过的知识来实现：




2.动态组件的实现

3.动态组件的传值

子组件：

父组件:


控制台:

二、认识keep-alive

1.keep-alive属性

指定include属性:为home,about，则home组件和about组件会被缓存 category组件不会被缓存，是根据组件的name来缓存



3.缓存组件的生命周期

4.Webpack的代码分包

使用import函数导入的模块，在使用webpack打包时会进行分包操作

三、Vue中实现异步组件

写法一:

异步组件的写法二:

异步组件和Suspense

四、$refs的使用

五、$parent和 $root

六、认识生命周期

1.生命周期的流程

2.组件的v-model

3.组件v-model的实现

4.computed实现

5.绑定多个属性

七、混入Mixin

1.认识Mixin

2.Mixin的基本使用

3.Mixin的合并规则

4.全局混入Mixin