BÁO cáo về VUEJS môn học các công nghệ lập trình hiện đại

ỦY BAN NHÂN DÂN TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC SÀI GỊN KHOA CƠNG NGHỆ THƠNG TIN BÁO CÁO VỀ VUEJS Mơn học: Các Cơng Nghệ Lập Trình Hiện Đại Giảng viên: Phạm Thi Vương Nhóm 04: Võ Thị Tường Vân MSSV: 3117410294 Lữ Kiều Hoa MSSV: 3117410082 Lê Thanh Nhàn MSSV: 3117410169 Nguyễn Trung Tiến MSSV: 3117410254 TP Hồ Chí Minh, ngày 18 tháng 04 năm 2021 MỤC LỤC I TỔNG QUAN 1.1 Giới thiệu 1.2 Nguồn gốc lịch sử phát triển 1.3 Lý nên sử dụng Vuejs gì? .3 1.4 Ưu nhược điểm Vuejs? .4 1.5 Các tính phiên 1.5.1 Các tính Vue 2.1.0 1.5.2 Các tính Vue 2.2 .6 1.5.3 Các tính Vue 2.3 10 1.5.4 Các tính Vue 2.4 12 1.5.5 Các tính Vue 2.5 15 1.5.6 Tính Vue 2.6 18 1.5.7 Các tính Vue 3.0 19 1.6 So sánh Vue Vue 23 1.6.1 Sự khác biệt Vue Vue 23 1.6.2 Nên sử dụng Vue hay nên sử dụng Vue cho dự án mới? 32 1.6.3 Khi sử dụng Vue khơng ? .32 1.7 So sánh React Vue 33 1.7.1 Điểm Tương Đồng .33 1.7.2 Sự Khác Biệt 33 1.8 So sánh Angular Vue .38 1.9 Một số thư viện hữu ích cho Vue.js 45 1.9.1 Vue CLI 45 1.9.2 Nuxtjs 46 1.9.3 Gridsome 47 1.9.4 Vuex 48 1.10 Các khóa học Vue.js 49 1.10.1 Khóa học ZendVn 49 1.10.2 Khóa học VueMastery 50 1.11 Thông tin tuyển dụng nhu cầu tuyển dụng lập trình viên Vue.js 51 1.12 Triển vọng nghề nghiệp lập trình viên Vue.js 54 II KIẾN THỨC CƠ BẢN 55 2.1 Vue Instance .55 2.2 Lifecycle Hooks 56 2.1.1 Giai đoạn khởi tạo : .56 2.1.2 Giai đoạn gắt kết DOM: 57 2.1.3 Giai đoạn cập nhật DOM liệu thay đổi: 59 2.1.4 Giai đoạn hủy instance: 60 2.3 Cú pháp template .61 2.4 Methods 63 2.5 Thuộc tính computed watchers, so sánh với methods 64 2.5.1 Computed properties: 64 2.5.2 Watchers: 65 2.6 Binding, Render, Xử lý kiện .66 2.6.1 Binding: 66 2.6.2 Render: .66 2.6.3 Form Input Binding: .69 2.6.4 Xử lý kiện: 70 2.7 Component 71 2.7.1 Khái niệm 71 2.7.2 Khai báo Component .71 2.7.3 Tái sử dụng Component 75 2.7.4 Tổ chức Component 76 2.7.5 Đặc trưng Component .77 2.7.6 Vùng hoạt động Components 77 2.7.7 Giao tiếp Components 80 2.8 Hiệu ứng chuyển động .84 2.8.1 Transition cho enter/leave & danh sách 84 2.8.2 Transition cho trạng thái 88 2.9 Tái sử dụng kết hợp 89 2.9.1 Mixin 89 2.9.2 Directive tùy biến : 93 2.9.3 Các hàm render & JSX .98 2.9.4 Plugin 102 2.9.5 Filter 104 2.10 Công cụ 106 2.10.1 Triển khai cho môi trường production 106 2.10.2 Single File Components 108 2.10.3 Unit test .110 2.10.4 TypeScript Support 112 2.11 Mở rộng quy mô ứng dụng 112 2.11.1 Routing 112 2.11.2 Quản lý trạng thái .113 2.12 Reactivity in Depth 116 2.12.1 Cách thay đổi theo dõi 117 2.12.2 Thay đổi cảnh báo phát 118 III ĐÁNH GIÁ IV TÀI LIỆU THAM KHẢO 119 120 I TỔNG QUAN 1.1 - Giới thiệu VueJS progressive framework xây dựng dựa vào tảng ngơn ngữ lập trình phía client Javascript, nhiệm vụ VueJS dùng để xây dựng giao diện phía người dùng (UI) Khơng giống với Framework khác, VueJS tập trung vào phần giao diện người dùng (view) nên bạn hồn tồn tích hợp vào project cách đơn giản tương tự jQuery - VueJS tới phiên v3.x phiên v2.x tối ưu - Tính đến thời điểm VueJS cho version khác cao version 2.3.4 Các version là: + VueJS 0.11 + VueJS 0.12 + VueJS 1.0 + VueJS 2.x + VueJS 3.x Thông tin VueJS: Thông số Vue.js Ngày phát hành Tháng 2- 2014 Tác giả gốc Evan You Latest Version Vue 2.6.10 Ngôn ngữ JavaScript Cách Học Dễ dàng học Kích thước app - 30.67 KB (in production), 279 KB (in development) Độ phức tạp Vừa phải Kiến trúc MVC Tài liệu Chi tiết DOM Ảo Data Binding Theo chiều Reuse code HTML and CSS Vuejs gọi tắt Vue (được phát âm /vjuː/, giống từ view tiếng Anh) Vue.js framework linh động dùng phổ biến để xây dựng nên giao diện người dùng Hoàn toàn khác với framework nguyên khối Vue thường sở hữu thiết kế từ đầu theo hướng cho phép khuyến khích làm việc để phát triển dễ dàng ứng dụng theo bước - Một phát triển lớp giao diện (view layer) người dùng cần sử dụng loại thư viện lỗi Vue Ngoài ra, bạn kết hợp với kỹ thuật thiên hướng đại Vue đáp ứng dễ dàng nhu cầu xây dựng ứng dụng trang với độ phức tạp cao 1.2 Nguồn gốc lịch sử phát triển - Vue tạo phát triển Evan You ông làm kỹ sư công ty Google Lúc Evan sử dụng Angular cho số dự án khác có phát biểu rằng: “Điều xảy trích phần mà thích Angular xây dựng thêm nhẹ nhàng mà khơng cần phải ý đến khái niệm bổ sung” Đây phát biểu xem bước đệm giúp cho Vue có mặt thời điểm - Vue phát hành vào đầu năm 2014 dự án tăng tải lên HackerNew, Echo Js ngày mắt 1.3 Lý nên sử dụng Vuejs gì? - Mặc dù đứng thứ danh sách Top Frameworks Frontend 2020 ( Bảng xếp hạng Frameworks Frontend sử dụng nhiều 2020 Vue giữ số Stars cao 158k React đạt 145k Angular 58,4k - Vuejs có cấu trúc thiết kế linh hoạt Nó cho phép ta thiết kế thứ từ đầu thành công việc phát triển dự án khổng lồ - No build step required: Vue không cần sử dụng build tool phức tạp nhiều bước xây dựng ứng dụng, bạn cần khai báo script phát triển ứng dụng Vue - Command line interface: Vue tạo cấu trúc project nhanh chóng nhờ vào command line interface - Đa dạng tài liệu: Hiện nay, nguồn tài liệu Vue ngày đa dạng, rõ ràng ngơn ngữ nên bạn dễ dàng trở thành chuyên gia - Hệ sinh thái vững chắc: Vue sở hữu hệ sinh thái vững đầy đủ nên cung cấp số add-ons hữu ích cho việc xây dựng ứng dụng fontend điển hình Nó bao gồm: vue-router, vuex, vue-testutils, vue-dev-tools, vue-cli,… - Core Vue linh hoạt: Vuejs tập trung vào việc render giao diện cho người dùng tương tác vậy, cung cấp tối thiểu tính cần thiết cho việc thiết kế xây dựng kiến trúc, đồng thời giúp bạn loại bỏ tính khơng cần thiết khỏi thư viện lõi Vue.js đảm bảo cho framework nhỏ gọn mềm dẻo 1.4 - Ưu nhược điểm Vuejs? Vue Frameworks tương đối đơn giản dễ hiểu Nó tốt việc loại bỏ điều phức tạp mà nhà phát triển Angular phải đối mặt Vuejs có kích thước nhỏ cung cấp hai ưu điểm giao trực quan khả tương tác - Vue linh hoạt bạn đa từ việc xây dựng ứng dụng web ứng dụng dành cho thiết bị di động đến ứng dụng web thơng minh, xử lý dễ dàng quy trình đơn giản nhanh chóng - Mặc dù xây dựng để tối ưu hóa hiệu suất ứng dụng giải vấn đề phức tạp, Vuejs không hãng công nghệ khổng lồ thị trường sử dụng Tuy nhiên, Alibaba, 9gag, Reuters, Xiaomi công ty sử dụng framework Vue tiếp tục phát triển số lượng ứng viên sử dụng có người tham gia từ Thung lũng Silicon framework javascript khác - Dưới ưu nhược điểm Vuejs để bạn cân nhắc trước sử dụng Vuejs ● Ưu điểm Vuejs o Tài liệu hướng dẫn phong phú chi tiết (chủ yếu tiếng Anh) o Tính linh hoạt để thiết kế cấu trúc ứng dụng o Hỗ trợ TypeScript o Một ưu điểm phát triển Vue.js ứng dụng phát triển nhẹ 18Kb sau nén Điều làm cho trở thành lựa chọn nhắm làm tiêu chí với người dùng yêu cầu tiêu thụ nhớ thấp o Được viết JavaScript có thuộc tính code sạch, framework giúp người dễ đọc hiểu code để đưa trình phát triển xa o Vì kích thước ứng dụng nhỏ, ứng dụng dựa Vue.js nhanh tải xuống sử dụng o Vue.js tạo điều kiện cho q trình tích hợp đơn giản dễ dàng Điều làm cho developer yêu thích để xây dựng ứng dụng page từ đầu tích hợp thành phần cao cấp vào ứng dụng có ● Nhược điểm Vuejs o Thiếu ổn định components (phần tử cấu thành) o Cộng đồng tương đối nhỏ o Rào cản ngôn ngữ với plugin components (hầu hết plugin viết ngôn ngữ Trung Quốc) I.5 Các tính phiên - Ở filterA định nghĩa dạng hàm nhận vào ba tham số theo thứ tự sau: Giá trị message Chuỗi 'value 1' Giá trị biểu thức arg2 2.10 Công cụ 2.10.1 Triển khai cho môi trường production 2.10.1.1 Bật chế độ production II Trong trình phát triển, Vue cung cấp nhiều cảnh báo nhằm giúp bạn tránh lỗi nguy tiềm ẩn thường gặp Tuy nhiên, dịng cảnh báo lại trở nên vơ ích mơi trường production làm phình to kích thước ứng dụng Thêm vào đó, vài số kiểm tra cảnh báo có phí tổn vận hành (runtime cost, bao gồm nhớ CPU) mà tránh chế độ production III Không sử dụng build tool : Nếu bạn sử dụng đầy đủ, nghĩa chèn trực tiếp Vue thẻ script thay sử dụng build tool (cơng cụ build), đảm bảo vue.min.js – minify (thu nhỏ) cho môi trường production Bạn tìm thấy hai phiên phần Hướng dẫn cài đặt IV Sử dụng build tool : Nếu bạn sử dụng build tool Webpack Browserify, chế độ production xác định biến môi trường process.env.NODE_ENV bên mã nguồn Vue, với giá trị mặc định development (đang phát triển) Cả hai build tool cung cấp cách thức để ghi đè giá trị biến nhằm bật chế độ production Vue, plugin minify bỏ cảnh báo trình build Tất template vue-cli cấu hình sẵn theo cách này, dù có ích bạn hiểu cách thức hoạt động, mô tả đây: + Webpack Sử dụng DefinePlugin Webpack để xác định mơi trường production, dịng cảnh báo UglifyJS tự động bỏ trình minify Dưới ví dụ: 107 + Browserify Chạy lệnh bundle (đóng gói) với giá trị biến mơi trường NODE_ENV "production" Cách thông báo để vueify bỏ qua hot-reload phần mã liên quan đến chế độ development Áp dụng envify cấp global (toàn cục) cho bundle Cách giúp plugin minify lược toàn cảnh báo mã nguồn Vue gói conditional block (khối điều kiện) dùng để kiểm tra biến mơi trường Ví dụ: 2.10.1.2 Biên dịch trước template Khi sử dụng template DOM chuỗi template JavaScript, việc biên dịch template thành hàm render thực trình chạy ứng dụng Công đoạn biên dịch thường đủ nhanh cho đa số trường hợp, tốt nên tránh ứng dụng bạn cần đặt nặng performance (hiệu suất) Cách dễ để biên dịch trước template sử dụng Single-File Component Những cài đặt build liên quan tự động thực việc biên dịch trước, nhờ mã sau build bao gồm hàm render biên dịch thay chuỗi template thơ (raw template string) 108 Nếu bạn dùng Webpack muốn tách biệt JavaScript file template, sử dụng vue-template-loader Cơng cụ chuyển hoá file template thành hàm render JavaScript q trình build 2.10.1.3 Trích xuất CSS component - Khi sử dụng Single-File Component, CSS bên component chèn động vào thẻ JavaScript Cách có chi phí vận hành khơng đáng kể, bạn sử dụng server-side rendering (SSR – render từ phía server) gây tượng “flash of unstyled content” (FOUC – hiển thị nội dung khơng có định dạng giây lát) Trích xuất CSS tất components gom vào file tránh vấn đề nêu trên, việc caching thu nhỏ CSS tốt - Tham khảo tài liệu build tool để hiểu cách thức hoạt động:  Webpack + vue-loader (template webpack vue-cli cấu hình sẵn cho cách này)  Browserify + vueify  Rollup + rollup-plugin-vue 2.10.2 Single File Components 2.10.2.1 Giới thiệu - Trong nhiều dự án Vue, thành phần toàn cục xác định cách sử dụng Vue.component, theo sau Vue ({el: '#container'}) để nhắm mục - tiêu phần tử vùng chứa nội dung trang Điều hoạt động tốt cho dự án quy mô vừa nhỏ, nơi JavaScript sử dụng để nâng cao số chế độ xem định Tuy nhiên, dự án phức tạp giao diện người dùng bạn hoàn toàn điều khiển JavaScript, nhược điểm trở nên rõ ràng:  Các định nghĩa toàn cục buộc tên cho thành phần  Mẫu chuỗi thiếu đánh dấu cú pháp yêu cầu dấu gạch chéo xấu cho HTML nhiều dòng  Khơng hỗ trợ CSS có nghĩa HTML JavaScript mơđun hóa thành thành phần, CSS bị loại bỏ rõ ràng 109  Khơng có bước xây dựng hạn chế JavaScript HTML ES5, thay xử lý trước Pug (trước Jade) - Babel Tất điều giải thành phần tệp đơn có phần mở rộng vue, thực với công cụ xây dựng - Webpack Browserify Dưới ví dụ tệp mà gọi Hello.vue: 2.10.3 Unit test 2.10.3.1 Cài đặt - Để thực unit test với Vue, bạn sử dụng cơng cụ kiểm thử tương thích với hệ thống xây dựng dựa module Tuy nhiên, bạn cần lời khun cụ thể chúng tơi khuyến khích sử dụng Karma Karma có 110 nhiều plugin, bao gồm plugin cung cấp tính hỗ trợ Webpack Browserify Để tìm hiểu thơng tin cài đặt Karma plugin này, xem tài liệu tương ứng Bạn bắt đầu cách tham khảo ví dụ cấu hình dành cho Webpack Browserify 2.10.3.2 Các assert đơn giản - Bạn khơng cần phải làm đặc biệt component test Chỉ cần export tùy chọn thơ: - Sau import Vue component, bạn thực assertion thơng dụng: 111 2.10.4 TypeScript Support 2.10.4.1 Official Declaration in NPM Packages - Hệ thống kiểu tĩnh giúp ngăn ngừa nhiều lỗi thời gian chạy tiềm ẩn, đặc biệt ứng dụng phát triển Đó lý Vue cung cấp khai báo kiểu thức cho TypeScript - không lõi Vue, mà cịn cho vue- - router vuex Vì chúng xuất NPM TypeScript biết cách giải khai báo kiểu gói NPM, điều có nghĩa cài đặt qua NPM, bạn không cần công cụ bổ sung để sử dụng TypeScript với Vue 112 2.11 Mở rộng quy mô ứng dụng 2.11.1 Routing 2.11.1.1 Thư viện router thức - Đối với đa số ứng dụng trang (SPA - Single Page Application), khuyến khích sử dụng thư viện thức vue-router Để biết thêm chi tiết, xem tài liệu vue-router 2.11.1.2 Routing đơn giản - Nếu cần routing đơn giản không muốn sử dụng thư viện đầy đủ tính năng, bạn render động component cấp toàn trang (page-level) sau: - Bằng việc kết hợp với HTML5 History API, bạn xây dựng cho router phía client hồn tồn dùng Đây ví dụ router dạng 2.11.1.2 Sử dụng router bên thứ - Nếu bạn muốn sử dụng thư viện router bên thứ Page.js Director, việc tích hợp dễ dàng Đây ví dụ hồn chỉnh sử dụng Page.js 113 2.11.2 Quản lý trạng thái 2.11.2.1 Giải pháp thức theo kiến trúc Flux - Các ứng dụng lớn có xu hướng ngày trở nên phức tạp có nhiều thành phần trạng thái (state) khác giao tiếp thành phần Để giải vấn đề này, Vue cung cấp vuex: thư viện quản lí trạng thái thức, lấy cảm hứng từ Elm Vuex chí cịn tích hợp vào vue-devtools, cung cấp tính - time-travel debugging mà khơng cần phải cài đặt thêm Thơng tin dành cho lập trình viên React + Nếu đến từ React, bạn thắc mắc vuex redux, giải pháp quản lí trạng thái theo kiến trúc Flux phổ biến hệ sinh thái React, giống khác Thật ra, Redux độc lập với view layer, dùng với Vue thông qua ràng buộc đơn giản Trong đó, vuex biết sử dụng ứng dụng Vue Điều giúp vuex tích hợp tốt với Vue, cung cấp API trực quan nâng cao trải nghiệp lập trình viên 2.11.2.2 Xây dựng quản lí trạng thái đơn giản - Chúng ta thường quên “source of truth” (nguồn chân lí, khái niệm việc liệu truy xuất từ nguồn nhất) ứng dựng Vue object data – đối tượng Vue đơn giản proxy truy xuất đến object Vì thế, muốn có trạng thái chia sẻ đối tượng Vue khác nhau, bạn làm sau: 114 - Trong ví dụ này, sourceOfTruth thay đổi, vmA vmB cập nhật view cách tự động Các component bên hai đối tượng truy xuất đến sourceOfTruth thông qua this.$root.$data Bây có “single source of truth,” nhiên việc dị lỗi ác mộng, phần ứng dụng chỉnh sửa liệu vào lúc mà khơng để lại chút tung tích - Để giải vấn đề này, sử dụng store pattern: - Lưu ý việc tất hành động (action) làm thay đổi trạng thái store chứa store Cách quản lí trạng thái theo kiểu tập trung giúp hiểu dạng thay đổi xảy chúng gọi đến Bây có bất ổn, có log - Thêm vào đó, đối tượng / component sở hữu quản lí trạng thái cho riêng mình: 115 - Khi tiếp tục phát triển quy ước không cho phép component trực tiếp thay đổi trạng thái thuộc store mà thay vào nên gửi kiện để thông báo cho store thực hành động, cuối tiến đến kiến trúc Flux Lợi ích quy ước ghi lại tất thay đổi xảy với store dựa vào phát triển tính debug nâng cao log, snapshot, time travel… 116 - Điều lại dẫn quay lại với vuex, bạn đọc đến có lẽ đến lúc thử qua thư viện 2.12 Reactivity in Depth - Bây đến lúc sâu tìm hiểu! Một tính khác biệt Vue hệ thống phản ứng khơng phơ trương Mơ hình đối tượng JavaScript đơn Khi bạn sửa đổi chúng, chế độ xem cập nhật Nó giúp cho việc quản lý nhà nước trở nên đơn giản trực quan, điều quan trọng phải hiểu cách thức hoạt động để tránh số lỗi thường gặp Trong phần này, sâu vào số chi tiết cấp thấp hệ thống phản ứng Vue 2.12.1 Cách thay đổi theo dõi - Khi bạn chuyển đối tượng JavaScript túy vào thể Vue làm tùy chọn liệu nó, Vue xem qua tất thuộc tính chuyển đổi chúng thành getter / setters cách sử dụng Object.defineProperty Đây tính dành cho ES5 khơng thể che giấu được, lý - Vue không hỗ trợ IE8 trở xuống Getter / setters ẩn người dùng, bên dưới, chúng cho phép Vue thực theo dõi phụ thuộc thông báo thay đổi thuộc tính truy cập sửa đổi Một lưu ý định dạng getter / setters bảng điều khiển trình duyệt khác đối tượng liệu chuyển đổi ghi nhật ký, bạn muốn cài đặt vue-devtools để có giao diện thân thiện với - việc kiểm tra Mỗi cá thể thành phần có trình theo dõi tương ứng, ghi lại thuộc tính “chạm vào” trình hiển thị thành phần dạng phụ thuộc Sau đó, thiết lập phụ thuộc kích hoạt, thơng báo cho người theo dõi, điều khiến thành phần hiển thị lại 117 2.12.2 Thay đổi cảnh báo phát - Do hạn chế JavaScript đại (và việc bỏ qua Object.observe), Vue khơng thể phát việc thêm xóa thuộc tính Vì Vue thực q trình chuyển đổi getter / setter trình khởi tạo cá thể, thuộc tính phải có đối tượng liệu để Vue chuyển đổi làm cho hoạt động Ví dụ: - Vue khơng cho phép thêm động thuộc tính phản ứng cấp gốc vào phiên tạo Tuy nhiên, thêm thuộc tính phản ứng vào đối tượng lồng phương thức Vue.set (đối tượng, khóa, giá trị): 118 - Bạn sử dụng phương thức phiên vm $ Set, bí danh Vue.set toàn cầu: III ĐÁNH GIÁ - Đây một Progressive framework nhỏ nhẹ (18kb min+gzip) Chúng kết hợp với việc sử dụng Virtual DOM không để render lại thành phần mà thay đổi giúp tăng hiệu suất Vue Thêm vào cú pháp template đơn giản, rõ ràng, dễ tiếp cận Cùng hệ thống component cho khả tái sử dụng template khác - Vue.js yêu thích thương hiệu có uy tín khác gặt hái lợi ích cao thị trường di động 119 - Dễ học, tài liệu ỏi rõ ràng dễ hiểu - Tuyệt vời xây dựng ứng dụng tương tác nhiều trang, cho phép nhanh chóng import thư viện core đưa Vue vào trang có - Có hội việc làm cao - Nên sử dụng VueJS để phát triển ứng dụng : ● Bạn phát triển ứng dụng nhẹ trang ● Bạn cần tốc độ cao hiệu suất ● Phạm vi dự án ứng dụng bạn nhỏ ● Bạn muốn release sớm vào thị trường ● Bạn thích code rõ ràng IV TÀI LIỆU THAM KHẢO - https://bom.to/c9T9VvR6e1zSU - https://bom.to/uRu8RU1MUJZhY - https://bom.to/0V8mhQ3JxB4w0 - https://bom.to/LTiDTAPcsmf34 - https://bom.to/xvfSHgYETyA4o - https://bom.to/YhNORU3lo9Gim - https://bom.to/lYAryS5TfPHCB - https://bom.to/7gbQMabhAOqo4 - https://bom.to/q8GAyYKc3EsHI - https://bom.to/bn6pQQpzw2xst - https://bom.to/IlUWcykO2O4KJ - https://bom.to/peYLr3PtouWZ8 - https://bom.to/9aTbycRhynF3M - https://bom.to/u96c9MacYOZXU - https://bom.to/R4N8nZYwakNw7 - https://bom.to/TOgcevISP8yAn - https://bom.to/YEXEyJCGuWUUG - https://bom.to/MOlhlP5dnlNmm 120 - https://bom.to/yfcMkjE60FuNh 121 ... project cách đơn giản tương tự jQuery - VueJS tới phiên v3.x phiên v2.x tối ưu - Tính đến thời điểm VueJS cho version khác cao version 2.3.4 Các version là: + VueJS 0.11 + VueJS 0.12 + VueJS 1.0 + VueJS. .. dụng Vuejs gì? .3 1.4 Ưu nhược điểm Vuejs? .4 1.5 Các tính phiên 1.5.1 Các tính Vue 2.1.0 1.5.2 Các tính Vue 2.2 .6 1.5.3 Các tính Vue 2.3 10 1.5.4 Các. .. 48 1.10 Các khóa học Vue.js 49 1.10.1 Khóa học ZendVn 49 1.10.2 Khóa học VueMastery 50 1.11 Thông tin tuyển dụng nhu cầu tuyển dụng lập trình viên Vue.js