uniapp中采用vue-router的方式

最新推荐文章于 2024-08-04 15:22:52 发布

sika-master

最新推荐文章于 2024-08-04 15:22:52 发布

阅读量2.5w

点赞数 11

分类专栏： uinapp

本文链接：https://blog.csdn.net/weixin_42150719/article/details/111690178

版权

本文介绍了在uni-app中如何采用uni-simple-router作为路由管理，并通过uni-read-pages插件自动构建路由表。详细步骤包括npm安装、项目引入、配置router和main.js，以及使用webpack自动构建。在配置完成后，强调了需要重新编译运行以使改动生效。

摘要由CSDN通过智能技术生成

插件：uni-simple-router
一个更为简洁的Vue-router，专为 uni-app 量身打造
快速上手文档地址：https://hhyang.cn/v2/start/quickstart.html
插件作者： 1606726660@qq.com
插件文档：插件文档地址
文档镇楼

三种方式
1.npm安装
项目根目录命令行执行

npm install uni-simple-router

2. 插件市场（使用HBuilderX导入插件）
插件地址： https://ext.dcloud.net.cn/plugin?id=578
3. ZIP下载解压

import Vue from 'vue'
import {
   RouterMount} from 'uni-simple-router';
import Router from './router'
Vue.use(Router)
//...后续代码

引入之后就正式使用。
第一步：先在项目的根目录下创建一个router文件夹。
格式为：

router
|---modules
	|---index.js
|---index.js

router中的modules文件夹是用来放路由表模板的。
modules中的index.js内容为：

const files = require.context('.', false, /\.js$/)
const modules = []

files.keys().forEach(key => {

关注

专栏目录