Thai Doan Tuan 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 }}

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

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

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.

	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