引用vue.js使用路由的方法-创新互联

const com1 = {
template: ' 路由 1

4, 定义路由

const routes = [
   { path: '/hash2', component: com1 },
   { path: '/hash3', component: com2 }
]

5, 创建 router 实例

const router = new VueRouter({
   routes
})

6, 创建 vue 实例并挂载

const App = new Vue({
  router
}).$mount('#app');

下面是具体的代码:

  
  
    
    
    
    
    
    
    
    
  
  
  
    
      

        Hello !
      
      

        
        
        
        
          切换至 com1
        
        
          切换至 com2