List Rendering section translated #12

panietoar · 2017-08-25T21:19:21Z

No description provided.

miljan-aleksic · 2017-08-26T03:30:26Z

src/v2/guide/list.md


-> This section assumes knowledge of [Components](components.html). Feel free to skip it and come back later.
+> Esta sección asume conocimiento en [Componentes] (components.html). Siéntase de libre de saltarla y regresar más adelante.


Cuidado con los espacios, aquí el enlace me parece que está roto.

miljan-aleksic · 2017-08-26T03:31:56Z

src/v2/guide/list.md


-Here's a complete example of a simple todo list:
+Acá hay un ejemplo completo de una lista de tareas:


La expresión Acá no me parece neutral. Sugiero Aquí tenemos un ejemplo...

miljan-aleksic · 2017-08-26T03:36:03Z

src/v2/guide/list.md


-When Vue.js is updating a list of elements rendered with `v-for`, it by default uses an "in-place patch" strategy. If the order of the data items has changed, instead of moving the DOM elements to match the order of the items, Vue will simply patch each element in-place and make sure it reflects what should be rendered at that particular index. This is similar to the behavior of `track-by="$index"` in Vue 1.x.
+Cuando Vue.js está actualizando una lista de elementos renderizados con `v-for`, por defecto usa una estrategia "arreglar en-lugar". Si el orden de los elementos de datos cambia, en vez de mover los elementos DOM para ajustar el orden de los elementos, Vue sencillamente arregla cada elemento en su lugar y se asegura que refleje lo que debe ser renderizado en ése índice particular. Ésto es similar al comportamiento de `track-by="$index"` en Vue 1.x.


Dejaría "in-place patch" sin traducir.

miljan-aleksic · 2017-08-26T03:36:56Z

src/v2/guide/list.md


-This default mode is efficient, but only suitable **when your list render output does not rely on child component state or temporary DOM state (e.g. form input values)**.
+Este modo por defecto es eficiente, pero sólo recomendable **cuando su salida de renderizado de la lista no dependa del estado de componentes hijos o estado temporal DOM (p.e. valores de campos de formulario)**.


...**cuando el renderizado de la lista no dependa del estado de sus componentes hijos o del estado temporal DOM...

miljan-aleksic · 2017-08-26T03:38:52Z

src/v2/guide/list.md


-To give Vue a hint so that it can track each node's identity, and thus reuse and reorder existing elements, you need to provide a unique `key` attribute for each item. An ideal value for `key` would be the unique id of each item. This special attribute is a rough equivalent to `track-by` in 1.x, but it works like an attribute, so you need to use `v-bind` to bind it to dynamic values (using shorthand here):
+Para darle a Vue una indicación para que pueda rastrear la identidad de cada nodo, y así re-usar y re-ordenar elementos existentes, necesita poveer un atributo único `key` para cada elemento. Un valor ideal para `key` sería el id único de cada elemento. Este atributo especial es un equivalente similar a `track-by` de la versión 1.x, pero funciona como un atributo, de modo que necesita usar `v-bind` para asignar valores dinámicos (usando una versión corta así):


Ya que se refiere al ejemplo, creo que la corrección mas adecuada sería aquí. (usando una versión corta aquí)

miljan-aleksic · 2017-08-26T03:42:58Z

src/v2/guide/list.md


-To overcome caveat 1, both of the following will accomplish the same as `vm.items[indexOfItem] = newValue`, but will also trigger state updates in the reactivity system:
+Para solventar el problema 1, los siguientes arreglos pueden lograr lo mismo que `vm.items[indexOfItem] = newValue`, pero a su vez acgtivan actualizaciones de estado en el sistema reactivo:


Typo en acgtivan.

Muchas gracias, hecho

List Rendering section translated

1906c57

panietoar mentioned this pull request Aug 25, 2017

Asignaciones #2

Closed

miljan-aleksic requested changes Aug 26, 2017

View reviewed changes

PR Fixes

a156fc1

miljan-aleksic approved these changes Aug 26, 2017

View reviewed changes

miljan-aleksic merged commit 547f35d into vuejs-es:master Aug 26, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

List Rendering section translated #12

List Rendering section translated #12

Uh oh!

panietoar commented Aug 25, 2017

Uh oh!

miljan-aleksic Aug 26, 2017

Uh oh!

panietoar Aug 26, 2017

Uh oh!

miljan-aleksic Aug 26, 2017

Uh oh!

panietoar Aug 26, 2017

Uh oh!

miljan-aleksic Aug 26, 2017

Uh oh!

panietoar Aug 26, 2017

Uh oh!

miljan-aleksic Aug 26, 2017

Uh oh!

panietoar Aug 26, 2017

Uh oh!

miljan-aleksic Aug 26, 2017

Uh oh!

panietoar Aug 26, 2017

Uh oh!

miljan-aleksic Aug 26, 2017

Uh oh!

panietoar Aug 26, 2017

Uh oh!

Uh oh!


		> This section assumes knowledge of [Components](components.html). Feel free to skip it and come back later.
		> Esta sección asume conocimiento en [Componentes] (components.html). Siéntase de libre de saltarla y regresar más adelante.


		Here's a complete example of a simple todo list:
		Acá hay un ejemplo completo de una lista de tareas:


		When Vue.js is updating a list of elements rendered with `v-for`, it by default uses an "in-place patch" strategy. If the order of the data items has changed, instead of moving the DOM elements to match the order of the items, Vue will simply patch each element in-place and make sure it reflects what should be rendered at that particular index. This is similar to the behavior of `track-by="$index"` in Vue 1.x.
		Cuando Vue.js está actualizando una lista de elementos renderizados con `v-for`, por defecto usa una estrategia "arreglar en-lugar". Si el orden de los elementos de datos cambia, en vez de mover los elementos DOM para ajustar el orden de los elementos, Vue sencillamente arregla cada elemento en su lugar y se asegura que refleje lo que debe ser renderizado en ése índice particular. Ésto es similar al comportamiento de `track-by="$index"` en Vue 1.x.


		This default mode is efficient, but only suitable when your list render output does not rely on child component state or temporary DOM state (e.g. form input values).
		Este modo por defecto es eficiente, pero sólo recomendable cuando su salida de renderizado de la lista no dependa del estado de componentes hijos o estado temporal DOM (p.e. valores de campos de formulario).


		To give Vue a hint so that it can track each node's identity, and thus reuse and reorder existing elements, you need to provide a unique `key` attribute for each item. An ideal value for `key` would be the unique id of each item. This special attribute is a rough equivalent to `track-by` in 1.x, but it works like an attribute, so you need to use `v-bind` to bind it to dynamic values (using shorthand here):
		Para darle a Vue una indicación para que pueda rastrear la identidad de cada nodo, y así re-usar y re-ordenar elementos existentes, necesita poveer un atributo único `key` para cada elemento. Un valor ideal para `key` sería el id único de cada elemento. Este atributo especial es un equivalente similar a `track-by` de la versión 1.x, pero funciona como un atributo, de modo que necesita usar `v-bind` para asignar valores dinámicos (usando una versión corta así):


		To overcome caveat 1, both of the following will accomplish the same as `vm.items[indexOfItem] = newValue`, but will also trigger state updates in the reactivity system:
		Para solventar el problema 1, los siguientes arreglos pueden lograr lo mismo que `vm.items[indexOfItem] = newValue`, pero a su vez acgtivan actualizaciones de estado en el sistema reactivo:

List Rendering section translated #12

List Rendering section translated #12

Uh oh!

Conversation

panietoar commented Aug 25, 2017

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!