6.7作业

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 拒绝跳转

                 路由路径:跳转到该路径

                函数:在跳转前进行逻辑处理,从而决定是否跳转

                函数内的参数可以获取到组件的实例