## 一、概述 如果你只需要非常簡單的路由而不想引入一個功能完整的路由庫，可以動態渲染一個頁面級的組件; ## 二、實例 ``` const NotFound = { template: '<p>Page not found</p>' } const Home = { template: '<p>home page</p>' } const About = { template: '<p>about page</p>' } const routes = { '/': Home, '/about': About } new Vue({ el: '#app', data: { currentRoute: window.location.pathname }, computed: { ViewComponent () { return routes[this.currentRoute] || NotFound } }, render (h) { return h(this.ViewComponent) } }) ```