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>