Vue 2: Trạng Thái End of Life và Hướng Dẫn Nâng Cấp

Vue 2 là gì?

Vue 2 là một framework JavaScript để xây dựng giao diện người dùng, phát triển tại vuejs/vue trước khi dự án đạt End of Life. Theo README, Vue 2 được thiết kế để áp dụng dần dần: một core nhỏ xử lý việc render giao diện, còn các package riêng biệt bổ sung routing, quản lý state, và server-side rendering cho các single-page application lớn hơn. Vue 2 hỗ trợ mọi trình duyệt tương thích ES5, trừ IE8 trở về trước.

Tính năng cốt lõi và hệ sinh thái

• ✓vue-router xử lý routing cho single-page application, một trong các package chính thức được liệt kê trong bảng hệ sinh thái của repository.
• ✓vuex đảm nhiệm quản lý state quy mô lớn cho các ứng dụng Vue 2 lớn hơn, theo cùng bảng hệ sinh thái đó.
• ✓vue-cli dựng khung cho dự án mới, còn vue-loader biên dịch các single-file component .vue cho các bản build webpack.
• ✓vue-server-renderer bổ sung khả năng server-side rendering trên nền framework gốc.
• ✓vue-class-component cung cấp một TypeScript decorator để viết component theo API dạng class, đáng chú ý vì bản thân codebase của Vue 2 được viết bằng TypeScript.
• ✓vue-rx tích hợp các RxJS observable vào component, còn vue-devtools là một extension trình duyệt để kiểm tra state của component.
• ✓Phần core nhắm tới mọi trình duyệt tương thích ES5, nên vẫn chạy được trên các bản trình duyệt cũ mà một số framework mới hơn đã bỏ hỗ trợ, trong khi loại trừ IE8 trở xuống.

Lộ trình nâng cấp và các lựa chọn thay thế

Ai nên dùng Vue 2 hiện tại?

Chỉ nên gắn bó với Vue 2 nếu bạn đang duy trì một ứng dụng production sẵn có xây trên nó và chưa có ngân sách hay thời gian để nâng cấp; README nói rõ Vue 3 là lộ trình được khuyến nghị cho mọi trường hợp khác. Nếu tổ chức của bạn có chính sách compliance hay bảo mật không cho phép dùng phần mềm không còn bảo trì, hãy xem lựa chọn Vue 2 NES mà README dẫn tới, thay vì tiếp tục dùng Vue 2 bản gốc vô thời hạn. Bắt đầu một dự án hoàn toàn mới bằng Vue 2 hôm nay không còn hợp lý, vì nó sẽ không nhận thêm bản vá nào nữa.

Câu hỏi thường gặp

Vấn đề Vue 2 giải quyết

Các team đang chạy ứng dụng production trên Vue 2 gặp một khoảng trống hẹp nhưng có thật: các bài blog hay câu trả lời trên Stack Overflow rải rác không phản ánh đáng tin cậy mốc thời gian thực tế hay lộ trình nâng cấp chính thức, và đoán sai kéo theo hậu quả thật với một framework không còn bản vá nào nữa. README của vuejs/vue lấp khoảng trống đó trực tiếp. Nó nêu rõ mốc End of Life, xác nhận Vue 2 vẫn hoạt động qua các kênh phân phối sẵn có, và dẫn tới cả hướng dẫn nâng cấp Vue 3 chính thức lẫn một lựa chọn hỗ trợ dài hạn trả phí cho team chưa thể chuyển ngay.

Trường hợp sử dụng tốt nhất

• •Giữ nguyên một ứng dụng production Vue 2 sẵn có trong lúc lên kế hoạch nâng cấp lên Vue 3, vì Vue 2 vẫn cài đặt được qua CDN, trình quản lý package, và GitHub.
• •Dẫn README của vuejs/vue làm nguồn xác thực cho mốc End of Life chính xác khi viết kế hoạch deprecation hay nâng cấp nội bộ.
• •Cân nhắc Vue 2 NES nếu tổ chức của bạn cần một lựa chọn được hỗ trợ, phù hợp yêu cầu compliance, cho phần mềm đã chính thức qua End of Life.
• •Xem lại vue-class-component, vuex, và vue-router trước khi quyết định thay thế từng package bằng gì trong một bản viết lại trên Vue 3.

Cách cài đặt / dùng thử

Các lệnh cài đặt cụ thể cho Vue 2 không nằm trong phần dữ kiện có ở đây; README không kèm đoạn lệnh npm hay CDN trực tiếp, nên xem đây là chưa được ghi rõ. Điều README xác nhận: Vue 2 vẫn cài đặt được qua đúng các kênh trước giờ, CDN, trình quản lý package, và GitHub, và nó trỏ tới vuejs.org, cụ thể là v2.vuejs.org, để xem ví dụ trực tiếp và tài liệu cài đặt thật sự.

Cách sử dụng

Cách dùng hàng ngày cũng không được README trình bày chi tiết; nó dẫn hoàn toàn tới tài liệu tại v2.vuejs.org và các ví dụ trực tiếp liên kết từ đó. Khi có câu hỏi lúc xây dựng với Vue 2, README hướng người dùng tới forum chính thức hoặc chat cộng đồng thay vì issue tracker trên GitHub, vốn theo README chỉ dùng để báo lỗi hoặc đề xuất tính năng mới, không phải để hỏi đáp chung.

Repo liên quan