4年前端女生年底面试三周总结被问过的vue面试题，你都会吗

vue:

1 ***vue双向数据绑定时原理？你说是通过是Observe defined property去实现了，那是什么时候开始监听watch的呢？

2 *router实现方式，怎么定义router？动态路由怎么写 ？

3 ***登录后，不同权限看不同页面,怎么写---前端鉴权？----从0到有实现过程

4 ***和后台请求之后,希望请求完页面出现loading，写在公共方法里，前端那个拦截器怎么写？

浅谈Vue网络请求interceptors实际应用---拦截器

https://m.jb51.net/article/135653.htm

利用axios.interceptiors.request.use(...)进行拦截session的判断---面试官就想问你这个的实现

5 ****vuex具体实现？哪些参数，各是什么意思?什么时候commit ，什么时候dispath

非父子组件调用属性多页面多组件

state => 基本数据

getters => 获取基本数据改变的数据

mutations => 提交更改数据的方法，同步！

actions => 像一个装饰器，包裹mutations，使之可以异步。

modules => 模块化Vuex

6 ***传值问题：相同页面，兄弟组件传值，多少种方法？

方法一：this.$root.$emit 触发事件

this.$root.$on监听事件

方法二：子传父，父传其他兄弟

7.*爷爷组件和曾孙组件怎么传值？

8.***不同页面之间怎么传值？

9 为什么vue中scope只在本页面有用？

10 ***加一些属性，页面没显示---this.$set

11 ***页面触发dom事件，但是没反应$nextTick

12 怎么构建vue项目，

就是下载node，然后node -v看是否安装成功，

然后vue init webpack 项目名，

然后按住shift找当前文件夹npm i安装依靠包，

然后在当前文件目录下npm run dev

13 vue项目怎么搭架构？

14 ***watch和computed区别？含义，场景

computed 属性的结果会被缓存

如果一个数据依赖于其他数据，用computed

就是你的状态是根据别人的状态而定的 那就computed

如果在某个数据变化时做一些事情，使用watch

如果你的状态只是影响你吃不吃饭 就watch

15 mounted和computed哪个先执行？

16 ****介绍vue多少生命周期，各周期的作用?定时器方法想取消在哪个阶段取消?

create初始化数据

mounted调用dom

八个阶段中销毁在啥时候用比如销毁某个监听事件

比如你进一个页面后 要判断浏览器是否有大小变化 但是到别的地方不需要这个任务了 就销毁

17 *v-for中的key作用是啥？

18 移动端缓存机制？

19 @click.stop含义是啥，相当于原生js的什么原理---苏交科

20 详解vue组件的keep-alive ？

21 怎么引入其他组件？

import aa from ....

先components: {aa}

使用组件：<aa></aa>