vue 面试时需要准备的知识点

Posted 2021-01-05 starryqian

前端火热的框架层出不穷，作为码农的我们，依旧需要去学习，去探索新的问题，学习新技术，其实就是为了写一手好的，自认为是高质量的代码。今天主要分享一下前端最火的框架vue，也是我比较喜欢的框架。

vue上手可以说是比较轻松而且简单，如果你用过angular，react，你也会很喜欢vue。vue的核心思想依旧是：构建用户界面的渐进式框架，关注视图的变化。这也是为什么新建的文件是结构是template script style

vue的使用由很多种，可以直接引入vue.js就可以开启vue的开发。但是这是初级的使用。在vue官网中推荐vue-cli,这个会帮我们自动引入全家桶开发环境。这里不做过多的解释，下面主要分向vue使用的一些经验，如果有不对的地方，请大神指正。

在任何系统总我们都会涉及到用户需要登录的验证才可以去访问某个页面，这里我的做法是借助vue的router组件，实现我的页面验证功能。在面试中，有可能面试官会问到我们有关于用户的权限设置。用户权限是基于角色的设计的，对于我们而言，就是在不同的用户访问我们的系统的时候，你需要根据用户的不同显示不同的组件状态(个人习惯把整个页面作为模块化，组件化区分）；这里我们将进一步讨论组件的使用

在vue中我们常用的组件是父子组件，父子组件可以通过prop,而自组件是用自定义事件，$on(eventName) 监听事件 ，使用 $emit(eventName)触发事件 详细见教程 面试的时候提到这个一定要说到组件的通信，非组件通信手段状态管理。

vue的生命周期有哪些 beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,beforeUpdate（更新前）,updated（更新后）,beforeDestroy（销毁前），destroyed（销毁后）。

vue中es6的使用，这里需要注意下es6语法的一些新特性：比如箭头函数，变量命名，如果你的简历中涉及到es6那么推荐去看看这个es6特性。这个对于自己的提升可以说是相当大的。对于日后的快速开发，优雅代码会比较好。

vuex的掌握需要注意以下几点：

1.为什么用vuex?

2.vuex怎么用

3.vuex的插件的用法

针对上面这几点：很多前端入门者，很迷茫，做几点解释

1.vue什么时候用vuex,首先推荐不知道vuex的同学去看看vuex； 1）简单的单页面应用不用它2）能用store解决就不用它vuex

2.vuex的使用需要掌握state,getter（接收state）,mutations(同步操作,组件中提交this.$store.commit(‘xxx‘)),action(Action 提交的是 mutation，而不是直接变更状态。Action 可以包含任意异步操作。),module（模块化state）,其中state是基础，module是对于state过大时的划分模块，需要之一命名空间

3.vuex插件在插件中不允许直接修改状态——类似于组件，只能通过提交 mutation 来触发变化

最后，vue的学习是要不断去实践的，尝试的，包括脚手架的使用需要自己去掌握，开发环境的可配置化，多个不同环境对应api的修改。