azoom-t-d-tuan

Key cho v-for trong Vuejs

Chắc hẳn trong quá trình làm việc với Vuejs, mọi người không ít lần sử dụng v-for để xử lý các vòng lặp. Và có hai vấn đề mà khá nhiều người đang gặp phải khi set giá trị cho key trong v-for.

1. Hiểu sai về tính unique của key

Trong docs của Vue có đề cập: Children of the same common parent must have unique keys.

Nhiều người đang hiểu same parent ở đây có nghĩa là nằm trong cùng component, hay cùng một file .vue . Tuy nhiên, Vue chỉ yêu cầu các key khác nhau khi trong cùng một v-for , có nghĩa là việc hai element có cùng key trong cùng một file .vue là bình thường, không có vấn đề gì.

Chỉ trừ duy nhất một trường hợp tuy nằm ở các v-for khác nhau nhưng key vẫn phải khác nhau đó là khi các v-for đó siblings - nghĩa là chúng nằm cạnh nhau trong DOM, ví dụ:

{{ item.text }}

azoom-t-d-tuan

RRweb is an open source web session replay library, which provides easy-to-use APIs to record user's interactions and replay it remotely.

Use Cases

• User analysis
• Reproduce bugs
• Demonstrate web

Also, for more details on other use cases, please see here

Try rrweb

• https://www.rrweb.io/demo/checkout-form/
• https://www.rrweb.io/demo/chat

azoom-t-d-tuan

watchEffect

Tương tự như watch, nhưng có một số điểm khác biệt:

• Chỉ nhận duy nhất 1 function (watch có thể chấp nhận một hoặc nhiều thuộc tính phụ thuộc, mỗi thuộc tính một function)
• Chạy lúc depend được khai báo và khi có thay đổi (watch chỉ chạy lúc depend thay đổi) => Quan sát nhiều properties reactive một lúc, và ko quan tâm đến giá trị
• watchEffect chạy lần đầu sau trước khi DOM được mount nên nếu muốn access vào DOM hoặc ref thì cần để watchEffect vào trong onMounted

onMounted(() => {
  watchEffect(() => {
 // access the DOM or template refs

azoom-t-d-tuan

Overview

Cloud Build

Cloud Build is a product of GCP (Google Cloud Platform) used to build software quickly across all languages.

Function:

• Speed up Build with VMs on Cloud without wasting personal computer’s resources.
• Source code put on Local, Github, Cloud Source Repositories or Bitbucket all can use Cloud Build.
• Package your source into Docker containers or non-container artifacts with build tools such as Maven, Gradle, webpack, Go, or Bazel.
• After completing Build, the result is updated on Docker Hub or Container Registry.
• You can be flexible to adjust the stream of Build process according to your intention.

azoom-t-d-tuan

Một số câu lệnh cơ bản
1. Git clone : để sao chép một repository có sẵn 
2. git add . : thêm những thay đổi vào stage
3. git commit -m "<nội dung commit" : commit những thay đổi
4. git push <remote> <branch> : đẩy những thay đổi lên remote repository
------------------------------
1. Pull
  - Tác dụng: tải về (hay fetch) dữ liệu từ một branch duy nhất $branch_name từ remote server và sau đó merge các thay đổi
  từ remote này vào repository dưới local.
  - Cú pháp: git pull $remote_origin $branch_name