前端常见面试题六

目录：

1、什么是Vuex？详述Vuex的工作流程

2、详述Vuex的核心属性及使用

3、vue和jquery的区别

4、vue中的slot是什么？

5、SPA首屏加载慢，该如何解决？

1、什么是Vuex？详述Vuex的工作流程

Vuex 是vue的状态管理器

工作流程： vue组件实例派发事件到actions 

components(组件实例)     ->       dispatch（派发事件）      ->actions(异步操作)     ->         connect    ->             commit(委派事件)         mutations (改变状态)   ->    state        ->return      ->组件实例

2、详述Vuex的核心属性及使用

state 定义状态

mutations 修改状态

actions 异步操作

getters 计算属性

modules 模块 ( 可以将以上4个打包成一个整体)

PS:

// 派发事件时： this.$store.commit('事件名',传递的参数）

//获取状态时： this.$store.state.ModulesLogin.状态名

3、vue和jquery的区别

Vue则是通过Vue对象将数据和View完全分离开来了。对数据进行操作不再需要引用相应的DOM对象，可以说数据和View是分离的，他们通过Vue对象这个vm实现相互的绑定。这就是传说中的MVVM。

jQuery是使用选择器（$）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。

4、vue中的slot是什么？

slot 是vue 中的插槽

在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。

5、SPA首屏加载慢，该如何解决？

1.路由懒加载

2.开启gzip压缩

3.使用webpack的externals属性把不需要打包的库文件分离出去，减少打包后文件的大小

4.使用vue的服务端渲染(ssr)