摘要：
认识生命周期 生命周期的流程 1.创建组件实例之前回调beforeCreate函数 2.创建组件实例 3.创建组件实例之后回调create函数(1.发送网络请求 2.事件监听 3.this.$watch()组件监听) 4.对template模板进行编译 5.在挂载到虚拟DOM之前回调beforeMo 阅读全文
摘要：
非父子组件的通信 ◼ 在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。 ◼ 这里我们主要讲两种方式： 全局事件总线； Provide/Inject； 全局事件总线mitt库 使用事件总线工具 事件取消 Provide和Inject Provide和Inje 阅读全文
摘要：
认识插槽Slot 如何使用插槽slot？ 插槽的默认内容 多个插槽的效果 具名插槽的使用 ◼ 事实上，我们希望达到的效果是插槽对应的显示，这个时候我们就可以使用具名插槽： 具名插槽顾名思义就是给插槽起一个名字，<slot> 元素有一个特殊的attribute：name； 一个不带name 的sl 阅读全文
摘要：
认识组件的嵌套 组件的拆分 组件的通信 父子组件之间通信的方式 父组件传递给子组件 Props的数组用法 数组语法存在的弊端: 1.不能对类型进行验证 2.没有默认值 Props的对象用法 细节一：那么type的类型都可以是哪些呢？ 细节二：对象类型的其他写法 细节三：Prop 的大小写命名 非Pr 阅读全文
摘要：
全局CSS和局部CSS 当我们需要CSS只在当前的.vue文件中生效可以在style后面添加scoped 创建vue项目的方式 1.Vue Cli:vue create 基于 >webpack 2.npm init vue@latest 基于-->vite 1.安装一个本地工具:create-vue 阅读全文