1.什么是slot,有哪些类型的slot(插槽的理解以及分类)
2.vue包含的功能
嵌套的路由/视图表
模块化的、基于组件的路由配置
路由参数、查询、通配符
基于vue.js过度系统的视图过渡效果
细粒度的导航控制
带有自动激活的css、class链接
HTML5历史模式或hash模式,在IE9中自动降级
自定义的滚动条行为
3.vue-router路由传参有哪些方法,如何获取路由参数
params方法传参时,要在路由后面加参数名占位;并且传参的时候,参数名要跟路由后面设置的参数名对应 . /user/:id这个路由配置/user/111,这里的/user/111就是params
query方法没有限制,直接在里面跳转就可以
4.query传参和params传参的区别
a.query传参配置的时path,而params传参配置的是name,且在params中配置path无效
b.query传递的参数会显示在地址栏中,而params传参不会
c.query传参刷新页面数据不会消失,而params刷新页面数据会消失
d.params可以使用动态传参,动态传参的数据会显示在地址栏中,且刷新页面不会消失,因此可以使用动态params传参,根据动态传递参数在传递页面获取数据,防止页面刷新数据会消失
5.vue-router的作用是什么?为什么不使用a标签
用于页面跳转
a标签的作用是从一个页面跳转到另外一个页面,相当于重新加载了页面,还要重新渲染页面,增加了对dom性能的损耗,vue-router不会重新渲染,他会选择陆游所指的组件进行渲染
6.vue中导航守卫各自有什么特点,以及自带的参数各自有什么作用
全局前置守卫:beforeEach
全局解析守卫:beforeResolve
全局后置钩子:afterEach
路由独享守卫:beforeEnter
组件内---进入:beforeRouterEnter
组件内---更新:beforeRouterUpdate
组件内---离开:beforeRouterLeave
里面的三个参数:
to:即将要进入的目标,路由对象
from:当前导航正要离开的路由
next():通过调用next方法,才会进入到目标路由对象
next()默认参数为:
true 允许跳转
false 拒绝跳转
路由路径:跳转到该路径
函数:在跳转前进行逻辑处理,从而决定是否跳转
函数内的参数可以获取到组件的实例