Vue Router学習ノート

1168 ワード

私は直接公式のドキュメントの上でVue Routerを勉强して、レベルは有限で、比较的に愚かで、このドキュメントが本当に友好的ではないと感じて、最初はクライアントが普及していないES 6の文法で、キー値はまた略语を使って、勉强したい人に书くのではなくて、何でもできる大神に书くのです.
自分でゆっくり考えて、考え出してメモを取って、かわいそうに私は第1章から少しカードをかけました......
  • 公式の例をわかりやすく変更し始めました:HTML
  • Hello App!

    Go to Page 1 Go to Page 2


    JavaScript
    //1、    ,              
    var page1 = { template: '

    page1

    ' }, page2 = { template: '

    page2

    ' }; // //2、 , var routerPage = [ { path: '/page1', component: page1 }, { path: '/page2', component: page2 } ]; // //3、 router var routerTest = new VueRouter( { routes: routerPage } ); // //4、 Vue router 。 $mount('#app') 。 var app = new Vue({ el: '#app', router: routerTest }); // 。