手打基础丸 🧆 => 精选基础知识，经过多道工序精心制作而成，口感鲜嫩多汁。一口咬下，香气四溢，加上传统前端风味，令人回味无穷...... 助力食用者厚积薄发，夯实根基进阶上层。
vue组件的文件后缀？
官方推荐.vue后缀，一些情况可以使用其他后缀如使用webpack自定义文件格式。
vue中组件、插件、插槽？
组件：核心概念，将页面各部分分解成各各组件之后拼凑实现。组件各自包含各自的template、数据和逻辑独立存在。通过注册和导入进行使用。
插件：用于扩展功能的一个对象或函数，通过install安装，vue.use()使用
插槽：vue的一种机制，可以用于向组件内部插入内容。例如在父组件调用子组件，子组件中使用slot标签可以接收父组件的内容
//子组件：
<div class="child-div">
<slot></slot> <!-- 插槽出口 -->
</div>
//父组件：
<ChildDiv>
Click me! <!-- 插槽内容 -->
</ChildDiv>
//最终效果查看子组件的话就会出现 Click me!的字样
vue中的插槽？
插槽类型有：匿名插槽（默认，如上例子）、具名插槽、作用域插槽
// 具名插槽，就是带名字的插槽，给slot添加name属性即可
//子组件：
<div class="child-div">
<slot name='child-slot'></slot> <!-- 插槽出口 -->
</div>
//父组件：
<ChildDiv>
<template v-slot: child-slot>
click me! <!-- 插槽入口 -->
</template>
</ChildDiv>
//作用域插槽，允许使用插槽以参数方式传递数据
// 子组件
<MyComponent v-slot="slotProps">
{{ slotProps.text }} {{ slotProps.count }}
</MyComponent>
// 父组件
<div>
<slot :text="greetingMessage" :count="1">
</slot>
</div>
插槽名支持动态指令参数[]定义，插槽支持v-if添加条件
