# TypeScript 中使用
提示
v2.0.0 期已完全使用 TypeScript 4.0 开发。
# router.ts
import {RouterMount,createRouter} from 'uni-simple-router';
const router = createRouter({
platform: process.env.VUE_APP_PLATFORM,
routes: [...ROUTES]
});
router.beforeEach((to, from, next) => {
next();
});
router.afterEach((to, from) => {
console.log('跳转结束')
})
export {
router,
RouterMount
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# main.ts
import Vue from 'vue'
import App from './App.vue'
import {router,RouterMount} from './router'
Vue.use(router)
Vue.config.productionTip = false
const app = new Vue({
...App
})
// #ifdef H5
RouterMount(app,router,'#app')
// #endif
// #ifndef H5
app.$mount(); //为了兼容小程序及app端必须这样写才有效果
// #endif
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
# app.vue
<script>
export default {
mpType:'app',
onLaunch: function() {
console.log('App Launch')
},
onShow: function() {
console.log('App Show')
},
onHide: function() {
console.log('App Hide')
}
}
</script>
<style>
/*每个页面公共css */
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
糟色部分这是一个可选项，如果 mian.ts 已经添加则没必要再添加。
# sfc.d.ts
declare module "*.vue" {
import Vue from 'vue'
export default Vue
}
declare var ROUTES=[];
1
2
3
4
5
2
3
4
5