uni-app路由配置JavaScript版

标签：default   名称   def   pat   配置   component   asc   默认   导出   

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版

标签：default   名称   def   pat   配置   component   asc   默认   导出   

原文地址：https://www.cnblogs.com/wenaixiao/p/14752472.html