vue-10 router路由

router.js文件
//1、引入基礎依賴
import Vue from 'vue'
import Router from 'vue-router'
//2、引入要路由的頁面
import Home from '@/views/Home'

//3、將Router插件注冊為Vue全局組件
Vue.use(Router)

//4、定義導出的路由
const router = new Router({
  mode: 'history',
  routes: [
    //【重定向匹配】，重定向到/home
    {
      path: '/', name: 'root', redirect: "/home"
    }]}
//4、定義導出的路由
export default router

main.js文件
import Vue from 'vue'
import App from './App.vue'
//5、在main中引入路由組件目錄
import router from './router'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
  //6、將路由添加到Vue對象
  router  
}).$mount('#app')

<template>
  <div class="home">
    <h1>首頁</h1>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
  name: 'Home',
  data () {
    return {
      
    }
  }
});
</script>