Vueルーティングジャンプ(二)(ルーティングのモジュール化パッケージ)

458 ワード

先の記事では、main.jsでルーティングを操作するジャンプVueルーティングジャンプ(一)ルーティングが多くなるとmain.jsであまり面白くないことを考慮して、ルーティングをモジュール化してパッケージングすると書いてあります.1、新しいファイル、src/Router/Router.js 2、ルートに関するものをすべてこのファイルに入れる(パスが変更、変更)3、router.jsでvueをインスタンス化するので
Vue.use(VueRouter);
4、vueをインポートする:
import Vue from ‘vue’
5、実例化してロuterを露出する
export default router;
6、最後にmain.jsにルートのモジュール化を導入する
import router from ‘./Router/Router.js’