Làm quen với Vue-router

Xin chào các bạn, hôm nay mình sẽ hướng dẫn các bạn làm một ví dụ đơn giản với Vue-router Cài đặt Vue-router: Di chuyển đến thư mục cần chứa Vue-router sử dụng lệnh:

$ vue init webpack vue-router

Sau đó sẽ có các gói cài đặt. Chọn như sau:

? Project name vue-router 
? Project description A Vue.js project
? Author Vu Nguyen <vunguyen10111995@gmail.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? No
? Set up unit tests? No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recom
mended) npm

Ở đây mình chỉ làm ví dụ về vue-router nên sẽ không cài thêm các gói khác. Cài đặt thêm npm:

$ cd vue-router
$ npm install

Nếu bạn dùng ubuntu mà máy yêu cầu quyền admin thì bạn thêm sudo trước câu lệnh nhé. Bắt đầu thôi! Bạn vào file index.html thêm link bootstrap như sau (cho nó màu mè tí)