Vue-router路由的简单使用

Posted gabriel-y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-router路由的简单使用相关的知识,希望对你有一定的参考价值。

一.安装路由:

  如果使用vue-cli脚手架搭建,项目创建过程中会提示你自否选择使用vue-router,选择使用即可,

 

二.创建组件

  1.vue-cli项目自动创建的路由文件是src包下面的router.js文件,你也可以创建一个文件夹.单独放置路由的js文件

  例如,

 

 

技术图片

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

技术图片

 

以上是关于Vue-router路由的简单使用的主要内容,如果未能解决你的问题,请参考以下文章

vue.js路由vue-router——简单路由基础

在 vue-cli 上使用 vue-router 设置页面路由的简单示例

vue-router2.0二级路由的简单使用

Vue-Router的简单使用

Vue 路由 Vue-Router

使用Vue-Router路由信息生成页眉