2020年常见Vue面试题

 

什么是vuex？在那种场景下使用？

vuex是全局状态管理工具，它有以下几个核心部分组成：

state:存储数据；

mutations:更新数据的方法；

actions:调用mutations方法，更新state数据；

getters:对state中的数据进行预处理；

vue的路由使用步骤？

1.下载vue-router路由模块；

2.创建路由对象；

3.配置路由规则；

4.将路由对象注册为vue实例对象的成员属性；

对于MVVM的理解？

M（数据层） V（视图层） VM（view-model）视图模型层）用来连接（数据层）（视图层）

vue的生命周期：

beforeCreate: 进行数据和方法的初始化；

created: 已经完成数据和方法的初始化；

beforeMount: 开始渲染dom

mounted:可以渲染dom

beforeUpdate: data中的数据即将被更新；

updated: data中的数据更新完毕；

beforeDestroy: 实例即将销毁；

destroyed:实例已被销毁；

vue双向数据绑定原理：

vue是结合数据劫持和发布订阅者模式来实现双向数据绑定的,当要读取数据的时候会自动触发方法，并且会被赋值

vue创建组件的时候data中为什么会被return出一个对象？

可以保证组件的每一次调用都是创建一个新对象，组件之间不会产生影响；

vue路由的几种模式：

两种：hash（默认） history 可以用model属性切换路由模式

怎么样定义vue-router的动态路由：

比如 path:中拼接参数， this.$route.params.id 获取；

vue中的事件修饰符：

.prevent() 阻止默认事件；

.once() 只执行一次；

.stop() 阻止冒泡；

vue如何优化页面加载：

使用cdn,不要打包一些公共的文件和组件库

什么是路由懒加载：

路由懒加载是通过异步的方式来加载对应的路由组件，提高页面相应速度

vue中有哪些内置组件：

component slot transtion fliters

ssr是什么

服务端渲染

什么是SPA

SPA是单页面应用程序，vue react angular 都是,整个项目只有一个页面；局部刷新而来；