准备:

    a、使用vue-cli创建工程,方法见

    

      b、下载vue-router

        在工程路径下:npm install vue-router --save

      c、在src下创建router、views、main.js、app.vue等文件

1、定义路由组件(如About.vue、Home.vue)

vue基本路由

2、将路由组件映射成路由表

vue基本路由

3、路由器配置(配置一次就行)

vue基本路由

 4、在某一个组件(.vue)中写入如下代码

vue基本路由

 

相关文章: