记录下近期找工作期间被问到的vue问题

近期找工作期间被问到的vue问题

1. v-if和v-show的区别：
首先v-if和v-show都是用来控制Dom的显示与隐藏；
v-if：是根据后面数据的真假值判断直接从Dom树上删除或创建；
v-show：只是修改元素的css样式，也就是display属性，元素始终都在 Dom树上。
然后又被问及了
display：none与visibility：hidden的区别：
（也都是隐藏元素）
display：none 不占据空间
visibility：hidden 占据空间
2. vue路由如何传递参数？有什么区别？
query方式（get传参）：页面跳转的时候，可以在地址栏看到请求参数；
params方式：参数不会在vue地址栏中显示
3. vue父子组件之间如何传递参数？
父传子：父组件调用子组件的时候绑定动态属性或方法，在子组件中通过props接收；
子传父：通过触发自定义事件传递【this.$emit(‘事件名称’,‘传递的数据’)】
4. vue导航守卫你知道哪几种？
全局守卫：beforeEach （全局导航钩子：router.beforeEach(to,from,next)，跳转前进行判断拦截，登录时候会用到）
后置守卫：afterEach
全局解析守卫：beforeResolve
路由独享守卫：beforeEnter
5. 说一下vue的生命周期

6. 说一下keep-alive作用？
keep-alive是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。
使用keep-alive会将数据保留在内存中，如果要在每次进入页面的时候获取最新的数据，需要在activated阶段获取数据，承担原来created钩子中获取数据的任务。
7. 介绍下vuex是用来干什么的？
vuex是vue的一种状态管理模式。（适用于大型单页应用）用来解决不同组件之间的数据共享。vuex的状态存储是响应式的。 改变（store）状态的方式是（commit）提交mutations，这是个同步的事物； 异步逻辑应该封装在action中。

暂时遇到的就这么些，后续遇到会补充更新。
如有异议欢迎提出，本人定积极改正，不断学习，共同进步。