美杜莎的凝望

transition-group 前言 transition 是用来过渡单个元素的，transition-group 是来过渡列表的 我们想渲染列表的话，比如使用v-for，在这种场景下，这里我们用*

Provide/inject 我们使用最多的父组件向子组件传值，使用Props最多，遇到层级的组件，也可以通过组件链逐级传递下去，这会非常的麻烦，如图：Root组件将值传递给Footer,Footer

介绍插槽 插槽就相当于一个占位符，父组件把值填充到子组件定义的slot插槽里面，有四种插槽，匿名插槽、具名插槽、作用域插槽、动态插槽 匿名插槽 利用占位符solt，直接在子组件定义<slot></sl

自定义过渡class类名 通过name属性定义的过渡名，可以使用6个clss的过渡效果，自定义过渡class 就是借助这六个class重新定义类名 这六个状态放到transition标签上使用 这种自

8个钩子函数 @before-enter="xx" 对应enter-from,在元素被插入到DOM之前被调用，动画进入之前 @enter="xx" 对应enter-active，动画开始执行时调用 @

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第7天，[点击查看活动详情](https://juejin.cn/post/7167294154827890702 "https:/

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 从图片我们可以看出 button-primary来设置button的主题类型，button-round来设

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情 type属性生成主题按钮 首先我们通过slot默认插槽来获取文字 通过type来设置主题颜色，子组件pro

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第6天，点击查看活动详情 自定义主题颜色 我们先直接定义的css抽出来，放到一个文件中 再新建一个scssconfig.scss文件