在Vue2中使用腳本標籤設置Vue路由器only.like角度1.x路由器

我需要在我的vue ja 2應用程序中設置vue路由器。我沒有使用vue cli只是cdn爲vue Js。我是無法找到如何設置VUE路由器的方式與cdn.can任何人都可以提出任何文件或技術如何實現？任何幫助，將不勝感激在Vue2中使用腳本標籤設置Vue路由器only.like角度1.x路由器

來源

2017-06-30 Devarshi Roy

這裏有一個裸露的骨頭例子，以幫助準備：

<html> 
<head> 
    <script src="https://unpkg.com/vue"></script> 
    <script src="https://unpkg.com/[email protected]/dist/vue-router.js"></script> 
</head> 
<body> 
<div id="app"> 
    <p><router-link to="/page1">Go to Page 1</router-link></p> 
    <p><router-link to="/page2">Go to Page 2</router-link></p> 
    <p><router-view></router-view></p> 
</div> 

<script> 
    var PageTwoComponent = Vue.component('comp2',{ 
     template: '<p>Component Two</p>' 
    }) 
    var PageOneComponent = Vue.component('comp1',{ 
     template: '<p>Component One</p>' 
    }) 

    const routes = [ 
     {path: '/page1', component: PageTwoComponent}, 
     {path: '/page2', component: PageOneComponent} 
    ] 

    const router = new VueRouter({ 
     routes 
    }) 

    var app = new Vue({ 
     router 
    }).$mount('#app') 

</script> 
</body> 
</html>

來源

2017-07-01 01:03:07

謝謝@MarkM。那幫助 –

在Vue2中使用腳本標籤設置Vue路由器only.like角度1.x路由器

回答

相關問題