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

前端火热的框架层出不穷，做为码农的咱们，依旧须要去学习，去探索新的问题，学习新技术，其实就是为了写一手好的，自认为是高质量的代码。今天主要分享一下前端最火的框架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的修改。