6.7作业

1.vue包含的功能

        嵌套的路由/视图表
        ·模块化的、基于组件的路由配置
        ·路由参数、查询、通配符
        ·基于 Vuejs 过渡系统的视图过渡效果
        ·细粒度的导航控制
        ·带有自动激活的 Css class 的链接
        ·HTML5 历史模式或 hash 模式，在 IE9 中自动降级
        ·自定义的滚动条行为

2.vue-router 的作用是什么? 为什么不使用a 标签?

                用于页面跳转
                a 标签的作用是从当前页面跳转到另外一个页面，相当于重新加载了页面，还要重新渲染页面， 增加了对DOM 性能的损耗，vue-router 不会重新染，它会选择路由所指的组件进行渲染

3.vue-router 路由传参有哪些方法，如何获取路由参数。

        params方法传参的时候，要在路由后面加参数名占位;并且传参的时候，参数名要跟路由后面设置的参数名对应。
        user/:id 这个路由匹配/user/111,/user/222 这里的 id 就是paramms
        query方法，就没有这种限制，直接在跳转里面用就可以
        query 传参和 params 传参的区别
                1 )query传参配置的是 path，而 params传参配置的是  name，且在 params 中配置 path 无效
                2)query 传递的参数会显示在地址栏中，而 params 传参不会
                3) query 传参刷新页面数据不会消失，而 params 传参刷新页面数据会消失
                4) params 可以使用动态传参，动态传参的数据会显示在地址栏中，且刷新页面不会消失，因此可以使用动态 params 传参，根据动态传递参数在传递页面获取数据，以防页面刷新数据消失

 4.写出vue插槽有哪些，如何使用

        slot是 vue 提出的一个概念，插槽用于决定将所携带的内容，插入到指定的某个位置，使得模块分块，具有模块化特质。
        插槽就是子组件中提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。通俗的说是：slot 是在父组件控制了子组件显示或隐藏相关内容。
插槽又分为三种，1.匿名插槽    2.具命插槽     3.作用域插槽
      1.匿名插槽 : 父组件传递 一个html结构 给子组件 
        (1)子组件:   插槽默认内容
        (2)父组件:  <子组件> html结构
      2.具名插槽 : 父组件传递 多个html结构 给子组件
        (1)子组件: 给插槽添加一个name(插槽名)
          插槽默认内容  
        (2)父组件: 使用 v-slot:插槽名 或  #插槽名
          <子组件> 
           
         
      3.作用域插槽: 子组件传递 数据 给父组件插槽
        (1)子组件 : 给内置组件添加自定义属性
          插槽默认内容
(2)父组件 : 使用 v-slot="对象名"

5.写出vue路由中的导航守卫以及导航守卫回调函数中三个参数的作用

全局守卫：beforeEach,afterEach
局部守卫    
beforeRouteEnter:因为当守卫执行前，组件实例还没被创建,不能获取组件实例的this
beforeRouteUpdate: 在当前路由改变，但是该组件被复用时调用，可以访问组件实例 this0
beforeRouteLeave:导航离开该组件的对应路由时调用，可以访问组件实例 this
每个守卫方法接收三个参数：
to:目标路由对象
from:准备要离开的路由
next():进行管道中的下一个钩子。可传递参数有布尔值false，直接写路径'/'或{path:'/'},回调函数
注意：后置钩子函数afterEach不会接受next函数也不会改变导航本身。