Tìm hiểu kiến ​​thức cơ bản về Vue 3 một cách dễ dàng và nhanh chóng (API sáng tác)

01. Thiết lập môi trường phát triển

Cài đặt Chrome , Vue.js Devtools , VSCode và Node.js , đây là những công cụ cần thiết cho quá trình phát triển.

02. Cách sử dụng VSCode

Đối với những ai chưa quen với Visual Studio Code, tôi sẽ giải thích ngắn gọn cách sử dụng.

03. Cài đặt tiện ích mở rộng VSCode

Cài đặt tiện ích mở rộng hữu ích khi sử dụng VSCode .

• Gói ngôn ngữ tiếng Hàn
• thụt vào-cầu vồng
• Máy chủ trực tiếp
• Chủ đề biểu tượng vật liệu
• Tự động đổi tên thẻ
• Prettier - Trình định dạng mã
• Tính năng ngôn ngữ Vue (Volar)

04. Tải xuống mã nguồn

Bao gồm cách tải xuống các tệp có chứa mã ví dụ .

01. Bắt đầu với Vue.js

Để bắt đầu với Vue, chúng ta sẽ tìm hiểu cách gọi hàm createApp và tạo một ứng dụng.

02. Thành phần

Chúng ta sẽ tìm hiểu về các thành phần , đây là khái niệm cốt lõi trong Vue.js.

03. Liên kết dữ liệu

Tìm hiểu về liên kết dữ liệu để vẽ HTML hiệu quả hơn trong các thành phần .

04. Khả năng phản hồi

Chúng tôi đề cập đến khái niệm về khả năng phản ứng, yếu tố cần thiết để tạo ra một trang web năng động hơn thông qua tương tác.

01. liên kết v

Chúng ta sẽ tìm hiểu về v-bind , có thể được sử dụng để liên kết dữ liệu thuộc tính !

02. v-cho

Chúng ta hãy cùng tìm hiểu cách tạo thẻ nhiều lần bằng cách sử dụng v-for .

03. v-if và v-show

Bạn có thể làm cho thẻ xuất hiện hoặc biến mất tùy theo điều kiện bằng cách sử dụng v-if hoặc v-show .

04. v-on

Chúng tôi sẽ giới thiệu v-on , giúp bạn xử lý các sự kiện trong thẻ.

05. mô hình v

Chúng tôi sẽ giới thiệu v-model , cho phép bạn liên kết dữ liệu với các biểu mẫu đầu vào mà người dùng có thể thay đổi thông qua tương tác .

01. Tham chiếu so với Phản ứng

Chúng ta sẽ so sánh reactive và ref , là những đối tượng reactive và thảo luận về sự khác biệt giữa chúng.

02. Tính toán

Chúng ta sẽ tìm hiểu về computed , sử dụng các đối tượng phản ứng để tạo ra một giá trị khác.

03. Người quan sát

Chúng ta sẽ tìm hiểu về Watchers , cho phép bạn thực hiện các tác vụ bổ sung dựa trên những thay đổi trong các đối tượng phản ứng.

01. Thành phần tệp đơn

Một tệp vue cho phép bạn sử dụng nhiều thành phần hơn, Thành phần tệp đơn !!

02. Tạo một dự án Vue

Tìm hiểu cách tạo một dự án hoàn hảo cho phát triển Vue bằng cách sử dụng npm .

03. thiết lập tập lệnh / phạm vi kiểu

Thiết lập tập lệnh để sử dụng tập lệnh hiệu quả hơn
Phạm vi kiểu, chỉ áp dụng kiểu trong thành phần

04. Móc vòng đời

Tìm hiểu về Life Cycle Hooks , cho phép bạn thực hiện các tác vụ cụ thể khi các thành phần được tạo và hủy .

05. Tài liệu tham khảo mẫu

Chúng ta hãy thao tác DOM bằng cách sử dụng ref trong mẫu!

06. Thành phần không đồng bộ

Các thành phần không đồng bộ gọi các thành phần cần thiết từ máy chủ một cách không đồng bộ.
Tìm hiểu về các thành phần động , cho phép bạn vẽ các thành phần một cách động.

01. Cách sử dụng Notion

Đối với những ai chưa quen với Notion , chúng tôi sẽ hướng dẫn mọi thứ từ đăng ký đến cách sử dụng đơn giản !

02. Nhập dữ liệu Notion

Tìm hiểu cách nhập dữ liệu Notion bằng gói vue-notion .

01. Đạo cụ

Tìm hiểu về Props , công cụ truyền dữ liệu từ thành phần cha sang thành phần con.

02. Phát ra

Tìm hiểu về Emits , phương thức truyền sự kiện từ thành phần con sang thành phần cha.

03. Cung cấp / Tiêm

Chúng ta sẽ tìm hiểu về Provide và Inject , cho phép bạn truyền dữ liệu từ thành phần cha sang thành phần con sâu hơn.

04. Thuộc tính Fallthrough

Chúng ta hãy tìm hiểu cách xử lý các thuộc tính được đặt trong một thành phần thông qua attrs .

05. Thành phần v-model

Tìm hiểu cách sử dụng v-model trong các thành phần của bạn .

06. Slots

Chúng tôi sẽ đề cập đến các khe cho phép mẫu của một thành phần được xử lý bởi thành phần cha.