每日一问
问题1: 如何切换2个组件, 互斥的显示或隐藏呢?
问题2: 不用v-if可以实现吗?有没有简单的方式?
提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
目标
提示:这里可以添加本文要记录的大概内容:
多个组件使用同一个挂载点,并动态切换,这就是动态组件
提示:以下是本篇文章正文内容,下面案例可供参考
一、组件进阶 - 动态组件
1.步骤&代码
- 准备被切换的 - UserName.vue / UserInfo.vue 2个组件
- 引入到UseDynamic.vue注册
- 准备变量来承载要显示的"组件名"
- 设置挂载点, 使用is属性来设置要显示哪个组件
- 点击按钮 – 修改comName变量里的"组件名"
<template>
<div>
<button @click="comName = 'UserName'">账号密码填写</button>
<button @click="comName = 'UserInfo'">个人信息填写