目录:
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)
网友评论