[Vue] 路由

簡單路由

• Step1: 定義路由

const routes = {

  '/': Home,

  '/about': About

}

• Step2: 在root設定

new Vue({

  el: '#app',

  data: {

    currentRoute: window.location.pathname

  },

  computed: {

    ViewComponent () {

      return routes[this.currentRoute] || NotFound

    }

  },

    render (h) { return h(this.ViewComponent) }

})

完整的官方Vue Router

https://router.vuejs.org/zh/