Xây dựng giao diện website trên Laravel với Vuejs

Tình cờ khi lướt new feeds trên Facebook thấy có cuộc khảo sát và tech talk của Topdev về cuộc chiến vương quyền frontend: React, Angular2 và Vuejs; thế là nhớ ra mình cũng đang có 1 project dùng Vuejs và thấy khá thú vị. Trong khi React và Angular2 được mọi người biết đến khá nhiều thì Vuejs lại đang đón nhận được sự quan tâm thời gian gần đây. Hiện tại Vuejs đang được hỗ trợ bởi Laravel và sẽ được hỗ trợ bởi Rails trong bản 5.1 tới. Ở bài viết này mình sẽ giúp mọi người tìm hiểu qua về cách dùng của Vuejs và Laravel 5.3 (hiện tại thì Vuejs verion 2.2.0 và Laravel version 5.4).

Chúng ta sẽ quan tâm tới file gulpfile.js và viết các component trong thư mục resources/assets/js/components và file app.js(mặc đinh trong thư mục components của laravel sẽ có file Example.vue). Trong project của mình, mình chia các component thành module/folder để dễ quản lý. Lan man quá