vue-面试题

组件之间的通信（父子组件、兄弟组件、跨级组件）

下面我们分别介绍每种通信方式:

1. props / on、$emit。
2. ref 与 children 适用 父子组件通信

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

3. EventBus （on） 适用于 父子、隔代、兄弟组件通信
   这种方法通过一个空的 Vue 实例作为中央事件总线（事件中心），用它来触发事件和监听事件，从而实现任何组件间的通信，包括父子、隔代、兄弟组件。

4. listeners 适用于 隔代组件通信
   attrs" 传入内部组件。通常配合 inheritAttrs 选项一起使用。
   listeners" 传入内部组件

5. provide / inject 适用于 隔代组件通信
   祖先组件中通过 provider 来提供变量，然后在子孙组件中通过 inject 来注入变量。 provide / inject API 主要解决了跨级组件间的通信问题，不过它的使用场景，主要是子组件获取上级组件的状态，跨级组件间建立了一种主动提供与依赖注入的关系。

6. vuex：终极解决方案，适用于 父子、隔代、兄弟组件通信

介绍一下 Vuex 吧

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。每一个 Vuex 应用的核心就是 store（仓库）。store 基本上就是一个容器，它包含着你的应用中大部分的状态 ( state )。

1. Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 store 中的状态发生变化，那么相应的组件也会相应地得到高效更新。
2. 改变 store 中的状态的唯一途径就是显式地提交 (commit) mutation。这样使得我们可以方便地跟踪每一个状态的变化。
   主要包括以下几个模块：
   State：定义了应用状态的数据结构，可以在这里设置默认的初始状态。
   Getter：允许组件从 Store 中获取数据，mapGetters 辅助函数仅仅是将 store 中的 getter 映射到局部计算属性。
   Mutation：是唯一更改 store 中状态的方法，且必须是同步函数。
   Action：用于提交 mutation，而不是直接变更状态，可以包含任意异步操作。
   Module：允许将单一的 Store 拆分为多个 store 且同时保存在单一的状态树中。

$nextTick 是什么？

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

SSR是什么？

SSR也就是服务端渲染，也就是将Vue在客户端把标签渲染成HTML的工作放在服务端完成，然后再把html直接返回给客户端。
SSR有着更好的SEO、并且首屏加载速度更快等优点。不过它也有一些缺点，比如我们的开发条件会受到限制，服务器端渲染只支持beforeCreate和created两个钩子，当我们需要一些外部扩展库时需要特殊处理，服务端渲染应用程序也需要处于Node.js的运行环境。还有就是服务器会有更大的负载需求。