vue2.0 路由

vue2.0 路由

首先先搭建一个vue-cli项目

搭建vue命令项目

• 搭建后的项目目录

项目目录

下载路由模块依赖并引入

• 下载依赖

  
  下载vue-router

• 在main.js引入依赖并注册

引入vue-router

创建两个新的组件并在app.vue中编写路由跳转

image.png image.png

创建 router,cinfig.js 文件并进行编写

• 创建 router,cinfig.js 文件

创建 router,cinfig.js 文件

• 编写router,cinfig.js 文件

image.png