COMPONENT CON - dịch sang Tiếng anh

• child component
• child components

Ví dụ về việc sử dụng Component con trong Tiếng việt và bản dịch của chúng sang Tiếng anh

Giờ làm tương tự cho 2 component con.
And now, do the same for the two child components.

PureComponent bỏ qua việc cập nhật prop cho toàn bộ các component con.
PureComponent's shouldComponentUpdate() skips prop updates for the whole component subtree.

Sử dụng setState để re- renders một component và tất cả các component con.
Using setState re-renders the component and all the child components.

May thay, nhiều animation có thể được trích xuất ra thành các component con chuyên dụng.
Fortunately, many animations can be extracted out into dedicated child components.

Bạn vừa“ truyền một prop” từ component cha xuống component con( từ Board xuống Square).
You have just“passed a prop” from a parent Board component to a child Square component..

Việc này giúp các component con đồng bộ với nhau
This keeps the child components in sync with each other

Nội dung của component cha sẽ bị loại bỏ trừ phi template của component con chứa ít nhất một.
Parent content will be discarded unless the child component template contains at least one outlet.

Trong trường hợp này thì message nên là dữ liệu của component cha hay component con?
Should the message be bound to the parent's data or the child data?

Trong mỗi template của hai component con, hãy tạo một button
In each template of the two child components, create a button

Hãy sử dụng mutation increment() trong hai component con bằng một phương thức được gọi là changeScore().
Let's use the increment() mutation in the two child components by creating a method named changeScore().

Nội dung của component cha sẽ bị loại bỏ trừ phi template của component con chứa ít nhất một< slot>
Parent content will be discarded unless the child component template contains at least one<slot> outlet.

Một component có component con được đánh dấu là contentEditable sẽ không hoạt động và sẽ được cảnh báo.
There is a warning when an element with children is also marked as contentEditable, because it won't work.

Bất cứ khi nào được cập nhật trong component cha, dữ liệu cũng sẽ được truyền xuống component con.
Whenever the data is updated in the parent, it will also flow down to the child.

nó có trách nhiệm đẩy props cho các Component con của nó.
to change its props, but it has to put together the props of its child components.

truy xuất đến dữ liệu cha trong template của component con.
directly reference parent data in a child component's template.

Chúng ta có thể truyền dữ liệu từ scope( phạm vi) cha vào các component con bằng cách sử dụng một prop.
We should be able to pass data from the parent scope into child components. Let's modify the component definition to make it accept a prop.

Khi dùng chung với v- for, giá trị ref bạn nhận được sẽ là một mảng chứa các component con tương ứng với nguồn dữ liệu.
When ref is used together with v-for, the ref you get will be an array containing the child components mirroring the data source.

sau đó truyền bất cứ component con nào vào.
then pass any children into the transition component.

Khi component con thay đổi một prop có modifier.
When a child component mutates a prop that has.

một component cha, và hai component con.
a parent component, and two child components.