组件进阶（动态组件+组件缓存+插槽）

每日一问

问题1: 如何切换2个组件, 互斥的显示或隐藏呢?
问题2: 不用v-if可以实现吗?有没有简单的方式?
提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

目标

提示：这里可以添加本文要记录的大概内容：
多个组件使用同一个挂载点，并动态切换，这就是动态组件

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、组件进阶 - 动态组件

1.步骤&代码

1. 准备被切换的 - UserName.vue / UserInfo.vue 2个组件
2. 引入到UseDynamic.vue注册
3. 准备变量来承载要显示的"组件名"
4. 设置挂载点, 使用is属性来设置要显示哪个组件
5. 点击按钮 – 修改comName变量里的"组件名"

<template>
  <div>
      <button @click="comName = 'UserName'">账号密码填写</button>
      <button @click="comName = 'UserInfo'">个人信息填写