vue2路由

vue的组件可以分为两种：

            普通组件

            路由组件

            两者的区别在于：普通组件需要注册  路由组件不需要注册可以直接使用

            区分普通与路由依据是：是否在routes配置组件  配置的组件就是路由组件

        vue路由

            什么是路由

                相当于html里边的超链接a

                vue是单页面应用 实现路由组件到路由组件之间的跳转 用来模拟页面到页面之间的跳转

            vue-router 3.x官网地址：

                https://v3.router.vuejs.org/zh/

            安装：

                1 使用cdn进行外部引入

                https://unpkg.com/vue-router@3/dist/vue-router.js

                2 使用npm安装

                npm i vue-router --save-dev

        路由组件的配置流程

            1 创建路由组件

            const 自定义组件名={

                template: `

               

                `

            }

            2 配置routes

            const routes=[

                {

                    path: '自定义路径',

                    component: 自定义组件名

                }

            ]

            3 创建router 配置routes

            const router=new VueRouter({

                routes

            })

            4 挂在router到new Vue中

            new Vue({

                router

            })

            5 在普通组件模板中 写上 router-link和router-view

            <router-link to="自定义路径">内容</router-link>

            <router-view></router-view>