Bạn ghé thăm diễn đàn lần đầu? hãy đăng ký ngay bây giờ để tham gia.
  • Đăng nhập:

Chào mừng bạn đến với ITVNN FORUM - Diễn đàn công nghệ thông tin.

Nếu đây là lần đầu tiên bạn tham gia diễn đàn, xin mời bạn xem phần Hỏi/Ðáp để biết cách dùng diễn đàn. Để có thể tham gia thảo luận bạn phải đăng ký làm thành viên, click vào đây để đăng ký.


  • Partner Area
    • ITVNN HOSTING - Thiết kế website, Cung cấp Domain, Hosting, VPS Việt Nam Anh Hùng - Thông tin truyền thông
kết quả từ 1 tới 3 trên 3
Tăng kích thước phông chữ Giảm kích thước phông chữ
  1. #1
    cameralongan's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Aug 2021
    Thành viên thứ
    124540
    Tuổi
    29
    Giới tính
    Bài gởi
    14
    Level: 8 [?]
    Experience: 523
    Next Level: 674
    Cảm ơn 0
    Cảm ơn 0 lần / 0 Bài viết

    Default Giới thiệu sơ lược ngôn ngữ framework Vue.js  

    Trong thời gian gần đây, công đồng lập trình web thường nhắc đến một framework có tên Vue.js cũng như bàn luận rất nhiều về các ưu điểm của nó khi so sánh với các framework đã có mặt từ rất lâu như React (được hỗ trợ bởi Facebook), Angular (được hỗ trợ bởi Google)... Vậy Vue.js là gì? tại sao nó phát triển một cách mạnh mẽ như vậy, câu trả lời có trong phần tiếp theo.

    vuejs.jpg

    Vue.js là gì?

    Vue (phiên âm /vjuː/, đọc giống như từ view) là một framework Javascript tiên tiến trong xây dựng giao diện người dùng, không giống như các framework khác, Vue được xây dựng từ những dòng code cơ bản nhất nhằm tối ưu tốc độ. Thư viện của Vue chỉ tập trung vào lớp hiển thị, rất đơn giản để tiếp cận và dễ dàng tích hợp vào các hệ thống khác. Vue cũng có khả năng cung cấp các ứng dụng web đơn trang Single Page Application (SPA) cho phép kết hợp với nhiều các công cụ hiện đại, như Laravel chẳng hạn.
    vue16172687495804.jpg

    Vue.js được sử dụng để xây dựng giao diện người dùng giống như React (sử dụng bởi Facebook), Angular (được hậu thuẫn bởi Google), Ember… Tuy nhiên, Vue.js có tốc độ tạo trang (render) rất nhanh và chiếm khá ít bộ nhớ. Chúng ta có thể xem bảng benchmark các framework Javascript nổi tiếng nhất hiện nay, Vue có một thứ hạng không tồi chút nào.

    Mô hình MVVM

    MVVM là viết tắt của Model-View-ViewModel là một mô hình được áp dụng trong framework Vue.js.

    Trong mô hình này, dữ liệu mỗi khi được "gán" vào View hoặc Model sẽ đều được Vue.js tự động gắn cho phần còn lại. Tức là khi dữ liệu thay đổi ở Model nó sẽ tự động được "cập nhật" sang View và khi người dùng thay đổi dữ liệu trên View (ví dụ nhập liệu vào ô địa chỉ email chẳng hạn) thì dữ liệu cũng được tự động cập nhật ngược lại Model. Trong cộng đồng Vue.js thường gọi mô hình này với một thuật ngữ khác là two-way data binding, tạm gọi là gán dữ liệu hai chiều. Chúng ta sẽ cùng tìm hiểu mô hình này trong ví dụ đầu tiên sử dụng Vue.js ở phần tiếp theo.


    Ngay từ đầu, đối tượng message trong Model có giá trị “Xin chào, tôi là Vue.js” ngay lập tức giá trị của nó được hiển thị lên thẻ <h1> trên View thông qua cú pháp {{ message }}.
    Ô nhập liệu <input> cũng được gán với đối tượng message, do vậy ngay khi thay đổi giá trị trong thẻ <input> này, DOM Listener sẽ cập nhật giá trị đối tượng message ngược lại Model, và cũng ngay lập tức giá trị của đối tượng message cũng được cập nhật đến các View có tham chiếu đến message, mà ở đây là thẻ <h1>.
    Ví dụ đầu tiên này đã phần nào giúp bạn hiểu được mô hình MVVM hay thuật ngữ gán dữ liệu hai chiều (two-way data binding). Tạm khép lại việc viết code trong Vue.js trong bài viết này.
    Hình Kèm Theo Hình Kèm Theo

  2. #2
    thuvienhay's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Aug 2021
    Thành viên thứ
    124564
    Giới tính
    Bài gởi
    14
    Level: 8 [?]
    Experience: 475
    Next Level: 674
    Cảm ơn 0
    Cảm ơn 1 lần / 1 Bài viết

    Default

    bài viết Giới thiệu sơ lược ngôn ngữ framework rất hay, cảm ơn bạn!

  3. #3
    mnguyen99's Avatar

    Trạng thái
    Offline
    Tham gia ngày
    Aug 2021
    Thành viên thứ
    124598
    Tuổi
    23
    Giới tính
    Bài gởi
    11
    Level: 7 [?]
    Experience: 310
    Next Level: 443
    Cảm ơn 0
    Cảm ơn 0 lần / 0 Bài viết

    Default

    Cám ơn bạn, mình đang quan tâm về chủ đề này


 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Tìm hiểu CodeIgniter framework
    By filiallion in forum Lập trình web
    Trả lời: 7
    Bài mới gởi: 20-04-2018, 09:00 AM
  2. Trả lời: 0
    Bài mới gởi: 12-01-2016, 04:15 PM
  3. Ai có tài liệu về Yii framework share cho mình với...
    By vanquyen2790 in forum Lập trình web
    Trả lời: 0
    Bài mới gởi: 27-08-2011, 07:51 PM
  4. [bd] WIdget Framework v1.0.3
    By s0ct0j0c in forum Add-ons and Modifications
    Trả lời: 0
    Bài mới gởi: 21-04-2011, 07:42 AM
  5. Trả lời: 1
    Bài mới gởi: 23-05-2010, 01:17 AM

Bookmarks

Quuyền Hạn Của Bạn

  • Bạn không thể tạo chủ đề mới
  • Bạn không thể trả lời bài viết
  • Bạn không thể gửi file đính kèm
  • Bạn không thể chỉnh sửa bài viết
  •