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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM