vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

1、什么是路由?

  vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

  url中的hash:https://blog.****.net/qq_41219391/article/details/84307129

  vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

2、vue路由

   1、安装路由:

    1、直接下载vue-router.js文件

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    2、用包管理工具npm 下载并管理

          vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

   2、使用路由---路由时如何工作的

    1、路由最基本的使用vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed     

    vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    2、路由重定向的使用---redirect

    vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    3、设置选中的路由样式的方式(2种)

      第一种:直接修改router提供的那个设置选中的类的样式----.router-link-active{      }

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      第二种:全局设置选中路由的类---linkActiveClass

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    4、为路由切换启动动画

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    5、路由传参

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

                     vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      方式2:params方式

         vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

         vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

         vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

         vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

          vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

     6、路由的嵌套---children

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

       7、路由中 命名视图实现经典布局

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

     8、watch属性的用法---当watch中监听的数据发生变化时会自动触发watch中这个数据对应的函数

                       vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

    9、computed ---计算属性的用法---计算属性的方法中最后一定要rerurn一个值,一定要有return值,因为计算属性结果当做一个属性值来用了。

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed            

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

      vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

   路由---编程式路由跳转,路由切换的形式

  vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

  vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computedvue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed

   vue路由-基本使用、重定向、嵌套路由、跳转go、动画、传参、watch、computed