Vuejs Là Gì

  -  

 Vue.js vào xây dựng website đặc trưng như thế nào?

Xin chào toàn bộ đồng đội say đắm ngành technology thông báo. Chắc hẳn là đồng đội hiếm khi thấy fan ta share những về bất cứ tài liệu làm sao nói tới framework của vue.js. Hôm ni viết mã bug sẽ chia sẻ cơ bản về nó nhé. Nhưng trước khi ước ao học được nó thì ae phải biết qua htm, css, javascript một ít sẽ nhé.

Bạn đang xem: Vuejs là gì


Giới thiệu Vue.js là gì?

Vue (phạt âm là / vjuː /, like view ) là một size hiện đại để desgin bối cảnh người tiêu dùng. Không y như những framework ngulặng kân hận không giống, Vue được thiết kế theo phong cách từ trên đầu để rất có thể áp dụng từ từ. Thư viện lõi chỉ triệu tập vào lớp coi cùng dễ ợt đem cùng tích phù hợp với các thư viện khác hoặc những dự án công trình hiện tất cả. Mặt không giống, Vue cũng hoàn toàn có khả năng cung cấp năng lượng cho các Ứng dụng Trang đối chọi Khi được áp dụng kết hợp với các hiện tượng tiến bộ và các tlỗi viện cung cấp .


*
*
*
reviews vue.js là gì
Trong Vue, một nhân tố về cơ bản là một trong những thể hiện Vue với những tùy chọn lựa được khẳng định trước. Đăng ký một thành phần nằm trong Vue siêu đối chọi giản:

// Define a new component called todo-itemVue.component("todo-item", template: "This is a todo")var app = new Vue(...)Bây giờ đồng hồ chúng ta cũng có thể biên soạn nó vào mẫu mã của một yếu tắc khác:

Nhưng vấn đề này vẫn hiển thị cùng một văn uống bản mang đến đông đảo Việc làm, điều này không thực sự thú vị. Chúng ta hoàn toàn có thể đưa dữ liệu từ bỏ phạm vi thân phụ vào các nguyên tố con. Chúng ta hãy sửa thay đổi có mang yếu tố để làm đến nó đồng ý một prop :

Vue.component("todo-item", // The todo-sản phẩm component now accepts a // "prop", which is lượt thích a custom attribute. // This prop is called tovì. props: <"todo">, template: " tovị.text ")Bây giờ đồng hồ bạn cũng có thể gửi việc buộc phải có tác dụng vào cụ thể từng nguyên tố tái diễn bằng cách thực hiện v-bind:


Vue.component("todo-item", props: <"todo">, template: " tovày.text ")var app7 = new Vue( el: "#app-7", data: groceryList: < id: 0, text: "Vegetables" , id: 1, text: "Cheese" , id: 2, text: "Whatever else humans are supposed lớn eat" > )Đây là 1 trong ví dụ có sẵn, nhưng mà Cửa Hàng chúng tôi đã làm chủ nhằm bóc vận dụng của bản thân mình thành nhì đơn vị chức năng bé dại hơn và thành phần con được tách biệt hợp lí ngoài bộ phận cội trải qua đồ họa đạo núm. Giờ đây, công ty chúng tôi hoàn toàn có thể nâng cao không chỉ có vậy nhân tố của bản thân mình với chủng loại với súc tích tinh vi rộng nhưng mà không tác động mang đến vận dụng bà bầu.

Xem thêm: Ntp Server Là Gì - Hướng Dẫn Cấu Hình Ntp Trên Router Cisco

Trong một áp dụng Khủng, rất cần phải phân tách toàn bộ ứng dụng thành những thành phần để giúp cho việc cách tân và phát triển có thể làm chủ được. Chúng ta đã nói nhiều hơn về những nhân tố ở phần sau vào lý giải , cơ mà đấy là một ví dụ (tưởng tượng) về chủng loại của vận dụng rất có thể trông như thế nào cùng với các thành phần:


Liên quan đến các nhân tố tùy chỉnhQuý khách hàng hoàn toàn có thể nhận ra rằng những yếu tố Vue hết sức như là cùng với Thành phần thiết lập , là một phần của Thông số yếu tắc website . Đó là bởi vì cú pháp yếu tắc của Vue được quy mô hóa lỏng lẻo theo thông số kỹ thuật kỹ thuật. Ví dụ: các nguyên tố Vue triển khai API Slot và istrực thuộc tính đặc biệt. Tuy nhiên, có một trong những điểm biệt lập chính:

Thông số Cấu phần Web đã có được hoàn thành, nhưng mà ko được xúc tiến nguyên bạn dạng vào hầu hết trình coi sóc. Safari 10.1+, Chrome 54+ cùng Firefox 63+ tự nhiên cung cấp các yếu tắc web. Trong lúc đó, những yếu tố Vue không tận hưởng ngẫu nhiên polyfills làm sao cùng vận động đồng hóa trong toàn bộ những trình trông nom được hỗ trợ (IE9 trlàm việc lên). Lúc phải, các yếu tắc Vue cũng có thể được bảo phủ phía bên trong một phần tử thiết lập nơi bắt đầu.

Các thành phần Vue hỗ trợ các bản lĩnh quan trọng không có sẵn trong các phần tử thiết lập đơn thuần, xứng đáng chú ý tuyệt nhất là luồng tài liệu nhiều nhân tố, giao tiếp sự kiện tùy chỉnh và tích vừa lòng biện pháp thiết kế.

Xem thêm: Apache Maven Là Gì ? Các Tính Năng Của Maven Thao Tác Với Apache Maven Trong Java Thế Nào

Mặc dù Vue ko áp dụng những nguyên tố thiết lập cấu hình trong nội cỗ, nhưng nó có khả năng liên hệ tuyệt vời và hoàn hảo nhất khi nói tới vấn đề áp dụng hoặc phân phối bên dưới dạng các yếu tố tùy chỉnh. Vue CLI cũng cung ứng gây ra các nguyên tố Vue tự đăng ký nlỗi các phần tử tùy chỉnh nơi bắt đầu.