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>