Tại sao dùng vue

*

Xây dựng dựa vào những Component là ý tưởng phát minh chính của Vue.js

Vue.js Component góp module hóa trong câu hỏi thiết kế HTML, Javascript, CSS, tạo ra các khối bối cảnh người dùng hoàn toàn có thể tái áp dụng. Component huyền ảo rộng các đối tượng ở chỗ nó hoàn toàn có thể được sử dụng lại trong số template như thể 1 phần tử HTML.

You watching: Tại sao dùng vue

React đó là nguồn cảm hứng chủ yếu của Vue.js về phát minh component, nhiều khi có thể bạn còn cảm giác Vue.js lấy cảm hứng trường đoản cú cả Polymer giỏi Web component. Tôi nghiêng hẳn theo React hơn bởi vì Polymer có phong cách thiết kế để tạo ra những yếu tố riêng biệt nhưng rất có thể áp dụng trực tiếp trong HTML, trong lúc đó React cùng Vue.js sử dụng component chỉ sinh sống trong những template, áp dụng những render engine và bộ biên dịch template tạo ra những mã HTML cùng với những yếu tắc đã biết. Thật sự cơ mà nói cũng quan yếu biết được là ai lấy phát minh của ai dẫu vậy chúng ta cảm thấy gồm có bản lĩnh rất lôi cuốn từ bỏ những khối hệ thống được kế thừa vào rất nhiều anh lính new.

Chỉ thị – lệnh trong Vue.js

Vue.js Directive – lâm thời dịch là các chỉ thị tuyệt những nhân tố câu lệnh trong Vue.js giúp render engine phát âm được yêu cầu làm cho gì? Các thông tư này điều khiển và tinh chỉnh luồng triển khai cùng thao tác làm việc với DOM (Document Object Model) giúp xây đắp những chủng loại, chỉ thị y như nằm trong tính trong những yếu tắc HTML.

ul id="example-1"> li v-for="thành tích in items"> cửa nhà.message li>ul>v-for là một thuộc tính thông tư lặp qua những phần tử của items để hiển thị message của bọn chúng trong những phần tử . Angular cũng làm cho một điều giống như nhỏng vậy:

ul id="example-1"> li ng-repeat="item in items"> cống phẩm.message li>ul>Với cách thức này “học hỏi” được tự Angular, những đoạn mã dễ dãi hiểu và viết hơn khi thực hiện xáo trộn thân những mã Html với Javascript.

See more: "Medical Clinic Là Gì ? Để Xây Dựng Clinic Spa Cần Phải Có Điều Kiện Gì?

Kiến trúc Component trong số tệp tin riêng

Vue.js không hẳn là bắt đầu của ý tưởng phát minh tạo thành các Component trên các file lẻ tẻ, Polymer và Web Component mới là những người đi đầu thành lập phong cách thiết kế này. Một ví dụ trên trang chủ của Polymer thể hiện điều đó:

dom-module id="contact-card"> style>...style> template> content>content> iron-icon icon="star" hidden$="!starred">iron-icon> template> script> Polymer( is: "contact-card", properties: starred: Boolean ); script>dom-module>Vue.js không chỉ có vậy mà còn đi xa hơn các bọn anh của chính mình với vấn đề cung ứng những ngôn từ tiền cách xử trí không giống thay thế sửa chữa đến CSS (nlỗi Sass, Less, Stylus tuyệt CSS Module), HTML(nlỗi Pub) cùng Javascript như TypeScript, CoffeeScrip. Tích vừa lòng toàn bộ các ngôn ngữ cùng technology vào trong 1 file góp tạo thành một framework có những kỹ năng tuyệt đối hoàn hảo.

bộ vi xử lý Core Vue.js cùng với kỹ năng buổi tối thiểu

Vue.js chỉ triệu tập vào vấn đề render giao diện người tiêu dùng với những shop, nó cung cấp tối thiểu những nhân kiệt quan trọng mang lại thi công cùng thi công phong cách xây dựng. Về phương châm cách tân và phát triển này, Vue.js cũng khá tương đồng với React, cả hai framework nhằm các thư viện không giống phụ trách những các bước mở rộng nlỗi định đường, thống trị tâm lý tập trung… Chính bằng cách sa thải những tuấn kiệt không cần thiết thoát khỏi thư viện lõi vào Vue.js, hỗ trợ cho framework này khôn cùng nhỏ dại gọn với mềm dẻo.

See more: Dịch Nghĩa Của Từ Perinatal Là Gì, Nghĩa Của Từ Perinatal, Perinatal Là Gì, Nghĩa Của Từ Perinatal

Lời kết

Chỉ một năm nữa, Lúc họ quay lại nội dung bài viết này, Vue.js đã tại 1 đỉnh rất lớn, tôi tin là điều đó, vị cũng bao gồm phương pháp này cơ mà Laravel hiện đang mở đầu trong những PHPhường framework. Chúng ta cũng ko rước gì làm cho quá bất ngờ bởi phần đa gì ưu việt độc nhất vô nhị của những đối thủ, đã làm được Vue.js học tập, thực hiện, không những thế còn cách tân và phát triển xa rộng những đàn anh của chính bản thân mình.


Chuyên mục: Giải Đáp