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