vue面试题(一)

面试题

1、路由导航守卫都有那些钩子函数？说明在什么场景下会触发这些钩子函数。

全局守卫
router.beforeEach：全局前置守卫，进入路由之前
router.afterEach：全局后置钩子，进入路由之后
路由组件内的守卫
beforeRouteEnter()：进入路由前
beforeRouteUpdate()：路由复用同一个组件时
beforeRouteLeave()：离开当前路由时
独享守卫
beforeEnter:进入路由之前

2、组件中is可以做什么？

解决标签固定搭配问题
实现动态组件

3、mutations和actions的区别？

mutations是同步的，直接修改state,仓库通过commit调用；
actions可以处理异步，不能修改state,仓库通过dispatch调用

4、v-model是什么？怎么使用？vue中标签怎么绑定事件？

可以实现表单元素的双向绑定，
指令（v-class、v-for、v-if、v-show、v-on）。
vue的model层的data属性。绑定事件：<input @click=doLog() />

5、vue中那些方式可以实现页面之间传参，且如何获到值？

	1、search传参` <router-link to="/地址?属性名=属性值"></router-link>` this.$route.query属性名

	2、动态路由 path:"/地址/变量名" 
		<router-link to="/地址/数据值">
		</router-link> this.$route.params.变量名	
	3、本地存储 setItem() getItem()