关于前端VUE的一些常见面试题

token机制
前端向后端发送请求时，后端随机生成一个token字符串，服务端把这个token发送给前端，前端找一个位置存储起来，前端再次发送登录请求时，携带这个token发送给后端，后端对携带过来的token进行校验，根据校验结果，选择是否响应前端请求的数据

WebPack和Grunt以及Gulp相比有什么特性

Gulp/Grunt是一种能够优化前端的开发流程的工具，而WebPack是一种模块化的解决方案，不过Webpack的优点使得Webpack可以替代Gulp/Grunt类的工具。

Grunt和Gulp的工作方式是：在一个配置文件中，指明对某些文件进行类似编译，组合，压缩等任务的具体步骤，这个工具之后可以自动替你完成这些任务。

Webpack的工作方式是：把项目当做一个整体，通过一个给定的主文件（如：index.js），Webpack将从这个文件开始找到你的项目的所有依赖文件，使用loaders处理它们，最后打包为一个浏览器可识别的JavaScript文件。

grunt和gulp是基于任务和流（Task、Stream）的。类似jQuery，找到一个（或一类）文件，对其做一系列链式操作，更新流上的数据， 整条链式操作构成了一个任务，多个任务就构成了整个web的构建流程。
webpack是基于入口的。webpack会自动地递归解析入口所需要加载的所有资源文件，然后用不同的Loader来处理不同的文件，用Plugin来扩展webpack功能。

优点：模块化。

对vue的理解

Vue是一个构建数据驱动的web界面的渐进式框架，它的目的是通过尽可能简单的API实现响应的数据绑定的视图组件。

methods与computed的区别
methods：每次模板更新时，都会执行，可以传参
computed：依赖发生变化时，才会执行

Vue和React的区别
1、Vue使用HTML模板template
React要求开发者借助JSX在JavaScript中创建DOM
2、Vue:双向数据绑定与单项数据流，更强调自动化响应式。
React是单向数据流，数据主要从父节点传递到子节点（通过props）。如果顶层（父级）的某个props改变了，React会重渲染所有的子节点，通过setState才能重新走渲染流程。
3、Vue宣称可以更快地计算出Virtual DOM的差异，这是由于它在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。
React，每当应用的状态被改变时，全部子组件都会重新渲染。
4、Vue对应的构建工具是vue-cli
React可以使用Create React App (CRA)

虚拟DOM

用JQuery或者原生的JavaScript DOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。
它就是一种可以预先通过JavaScript进行各种计算，把最终的DOM操作计算出来并优化，由于这个DOM操作属于预处理操作，并没有真实的操作DOM，所以叫做虚拟DOM。最后在计算完毕才真正将DOM操作提交，将DOM操作变化反映到DOM树上。

Vue解决了jQuery不能解决的哪些问题？

1.Jquery是侧重于直接操作DOM，操作数据前必须对Dom节点进行选取修改赋值等操作，这会分散本该放在业务逻辑上的精力；VUE是提倡数据驱动视图。只需将精力放在数据操作上。
2.代码结构。jquery的代码结构很混乱。代码架构好一点的，可能会写成一种简版框架（即有专门的渲染函数，增删改查都会调用这个函数），依然是全域的，需要闭包。而VUE结构简单，提供了很多钩子函数对页面进行渲染。
3.操作性。Jquery操作DOM麻烦，需要查找id，拿到索引去修改DOM，再进行渲染，而VUE可以直接修改数据就可以了，方便快捷，提升开发效率。
4.模块化。jquery的模块化很难管理。
5.单页面实现。jquery单页面实现复杂，需要考虑html能否单独写，js是否需要按需加载，路由需不需要等等。而VUE可以自动构建单页应用，使用router模拟跳转。
6.组件的复用。Vue里面有很多现成的组件，而对于jquery来说就是插件。
7.vue使用了虚拟dom技术，能够减少dom操作，能提高一定的效率。

参考：
我们为什么要用Vue.js，解决了什么问题