vue相关知识

1.组件之间的通信（父子组件，兄弟组件，跨级组件）
👍父传子prop，子传父$on,$emit

2.父子组件的通信：ref 与 $parent / $children
👍ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例
$parent / $children：访问父 / 子实例

3.EventBus （$emit / $on） 适用于 父子、隔代、兄弟组件通信

4.$attrs/$listeners 适用于 隔代组件通信

5.provide / inject 适用于 隔代组件通信

6.vuex：的状态存储是响应式的，状态管理开发模式 应用的核心是store，store是一个容器 大部分的状态是state

7.包括的模块有：state Getter Mutation Action Modul
😊:分别的功能：

State：定义了应用状态的数据结构，可以在这里设置默认的初始状态。
Getter：允许组件从 Store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。
Mutation：是唯一更改 store 中状态的方法，且必须是同步函数。
Action：用于提交 mutation，而不是直接变更状态，可以包含任意异步操作。
Module：允许将单一的 Store 拆分为多个 store 且同时保存在单一的状态树中。

$nextTick:vue实现响应式不是数据发生后dom 立即变化的 而是按照一定的策略来进行dom的更新，下次dom更新循环结束之后执行延迟的回调 在修改数据之后使用nextTick 可以在回调中获取更新后的DOM

8.SSR：服务端渲染 Vue在客户端把标签渲染成HTML的工作放在服务端完成，然后再把html直接返回给客户端

9.vue的性能优化👀 ：
尽量减少data中的数据 会增加getter和setter 会收集对应的watcher
v-if和v-for不能连用。
key保证唯一性。
使用路由的懒加载 异步组件。
防抖 节流。
第三方模块的按需导入。
图片的懒加载。
长列表滚动到可视区域动态加载。

10、SEO的优化：
预渲染。
服务端渲染SSR。

11.打包优化：
压缩代码
抽离公共文件
使用cdn加载第三方模块