07/01/2019, 14:43

[Vue-router] Lazy loading routes

Chào mừng mọi người quay trở lại với blog của mình. Đây là bài đầu tiên sau một thời gian tạm dừng viết blog thì hôm nay lại ngứa chân tay quay trở lại chia sẻ với mọi người những gì mình học được. Ở bài này chúng ta sẽ cùng tìm hiểu Lazy loading routes khi dùng Vue-router nhé. Nghe thấy từ lazy ...

Chào mừng mọi người quay trở lại với blog của mình. Đây là bài đầu tiên sau một thời gian tạm dừng viết blog thì hôm nay lại ngứa chân tay quay trở lại chia sẻ với mọi người những gì mình học được.

Ở bài này chúng ta sẽ cùng tìm hiểu Lazy loading routes khi dùng Vue-router nhé. Nghe thấy từ lazy chắc chúng ta cũng có thể nhớ lại được đây là 1 kĩ thuật áp dụng rất nhiều trong phát triển ứng dụng web để tiết kiệm tài nguyên, xem đến đâu tải nội dung đến đó. Chúng ta cùng tìm hiểu xem lazy load route có gì hay nhé.

Trong quá trình phát triển ứng dụng, khi mà web của mình lớn lên, nhiều trang hơn, mỗi trang lại có nhiều xử lý hơn thì việc làm thế nào để tốc độ tải trang tối ưu nhất là điều mình quan tâm hơn cả. Mình cũng có đọc được về lazy load route từ lâu rồi nhưng nó chỉ là 1 section bé bé ở trang chủ vue-router, và cũng không quan tâm lắm, vì nghĩ cùng lắm load nhanh hơn đc 1-2 giây, đến giờ thì mới thấy dù chỉ là 1-2 giây đó cũng ảnh hưởng rất nhiều đến trải nghiệm của người dùng (chả thế mà thegioididong tốn cả đống tiền để làm trang web tải với tốc độ chỉ cỡ vài ba trăm ms             </div>
            
         </div>
      </div>
      
      
      <div class=

Bài liên quan

[Vue-router] Lazy loading routes

Chào mừng mọi người quay trở lại với blog của mình. Đây là bài đầu tiên sau một thời gian tạm dừng viết blog thì hôm nay lại ngứa chân tay quay trở lại chia sẻ với mọi người những gì mình học được. Ở bài này chúng ta sẽ cùng tìm hiểu Lazy loading routes khi dùng Vue-router nhé. Nghe thấy từ lazy ...

Tạ Quốc Bảo viết 14:43 ngày 07/01/2019

Sử dụng Vue Router tạo single page trong laravel

Chào các bạn, vừa rồi mình đang làm dự án và tự nhiên được sử dụng vuejs vào dự án laravel của mình, thế là tiện thể có cơ hội tìm hiển luôn về vuejs. Hôm nay mình sẽ viết về vue router mà mình mới tìm hiểu, do mới tìm hiểu nên có gì sai sót mong các cao nhân chỉ giáo giúp mình =)). Hôm nay chúng ...

Trịnh Tiến Mạnh viết 00:39 ngày 23/09/2018

Lập trình hướng đối tượng: Kỹ thuật sử dụng lazy loading

Lập trình hướng đối tượng: Kỹ thuật sử dụng lazy loading Ở các bài trước, chúng ta đã tìm hiểu về các kiến thức cơ bản trong lập trình hướng đối tượng . Tiếp tục trong bài này, chúng ta sẽ cùng tìm hiểu về kỹ thuật sử dụng lazy loading trong ứng dụng. Lazy loading là kỹ ...

Tạ Quốc Bảo viết 15:10 ngày 19/09/2018

Lần đầu làm việc với VUE ROUTER

Điều đầu tiên đuơng nhiên là chúng ta phải đi cài đặt Vue đã. Ở đây mình hướng dẫn các bạn tạo project vue sử dụng command Các bạn hãy bật Terminal lên và gõ các lệnh sau (các bạn có thể Copy nếu độ lười của khác bạn vượt mức quy định (hehe)) # Lệnh này để cài đặt vue-cli $ npm install ...

Trịnh Tiến Mạnh viết 18:06 ngày 12/08/2018

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 ...

Bùi Văn Nam viết 17:00 ngày 12/08/2018
0