Java教程

uni-app路由配置JavaScript版

本文主要是介绍uni-app路由配置JavaScript版,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

vue-router+JavaScript配置uni-app:
1.打开命令行,安装router,安装命令为 npm install --save vue-router
2.在项目src文件夹下创建router文件夹
3.在router文件夹里面创建router.js
4.在router.js文件夹中声明声明导入路由,最后导出
1)声明引用
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
//可以自定义界面,例如
import index1 from '../views/index1.vue'
import index2 from '../views/index2.vue'
2)创建路由对象
const routes=[
{
path: '/',
redirect: '/pageB' //重定向,设置默认进入pageB页面
}, {

path: '/index1 ',
name: 'index1 ',
component: index1
}, {

//多个参数,在后面:+名称的形式,可以一直以这个形式加
path: '/index2/:id/:name ',
name: 'index2 ',
component: index2
}
]
const router=new Router{
routes
}
3)导出路由
export default router
5.将路由引入main.js,这样路由就被挂载到Vue项目中了
import Router from 'router.js'//router.js的文件位置
6.在App.vue里面加router-view占位,不加的话没办法显示组件
<div id="app">
<router-view/>
</div>

这篇关于uni-app路由配置JavaScript版的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!