VUE系列之路由配置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE系列之路由配置相关的知识,希望对你有一定的参考价值。

一、安装路由

npm install vue-router --save-dev

技术图片

二、检查F:vuemy_vue_app目录文件:package.json

技术图片

三、配置文件

1、在src里新建router/index.js

技术图片

2、在router/index.js 配置路由路径和对应的组件

技术图片

3、在main.js导入router/index.js,放入vue的实例中

技术图片

四、路由使用

技术图片

以上是关于VUE系列之路由配置的主要内容,如果未能解决你的问题,请参考以下文章

vue之路由传参,跳转,钩子函数

vue新建项目之标准路由配置

Vue的路由配置(Vue2和Vue3的路由配置)

vue-router之路由属性配置说明

Vue之路由跳转传参,插件安装与配置

Vue之 vue-router