スクリプトタグのみを使用してVue2にVueルータを設定する。角度1.xのルータ

私のvue ja 2アプリケーションでvue routerを設定する必要があります.vue jsのcdnを使用していません。 cdn.canでvueルーターをセットアップする方法を見つけることができない誰もがどのようなドキュメントやそれを達成する方法の技術を提案しますか？すべてのヘルプははるかにここスクリプトタグのみを使用してVue2にVueルータを設定する。角度1.xのルータ

出典

2017-06-30 Devarshi Roy

をいただければ幸い行く得るのを助けるために裸の骨の例です：@MarkM .Thatが助け

<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

感謝 –

スクリプトタグのみを使用してVue2にVueルータを設定する。角度1.xのルータ

答えて

関連する問題