Skip to content

Commit

Permalink
Merge branch 'master' into fix/add-check-for-template-sibling
Browse files Browse the repository at this point in the history
  • Loading branch information
KevinBatdorf committed Oct 27, 2020
2 parents e784789 + 56443ea commit 1e0d3c7
Show file tree
Hide file tree
Showing 24 changed files with 1,990 additions and 199 deletions.
789 changes: 789 additions & 0 deletions README.de.md

Large diffs are not rendered by default.

14 changes: 8 additions & 6 deletions README.es.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,12 @@ Podríamos considerarlo como un [Tailwind](https://tailwindcss.com/) para JavaSc

Eso es todo. Se inicializará solo.

Para entornos de producción, se recomienda especificar una número de versión en concreto en el enlace para evitar comportamientos inesperados que puedan romper las nuevas versiones. Por ejemplo, para usar la versión `2.7.0` (la última):
Para entornos de producción, se recomienda especificar una número de versión en concreto en el enlace para evitar comportamientos inesperados que puedan romper las nuevas versiones. Por ejemplo, para usar la versión `2.7.2` (la última):
```html
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected].0/dist/alpine.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/gh/alpinejs/[email protected].2/dist/alpine.min.js" defer></script>
```

**Desde NPM:** Instalar el paquete desde NPM.
**Desde npm:** Instalar el paquete desde npm.
```js
npm i alpinejs
```
Expand Down Expand Up @@ -145,7 +145,7 @@ Y 6 propiedades mágicas:

**Ejemplo:** `<div x-data="{ foo: 'bar' }">...</div>`

**Estructura:** `<div x-data="[JSON data object]">...</div>`
**Estructura:** `<div x-data="[object literal]">...</div>`

`x-data` declara un nuevo *scope* del componente. Indica al *framework* que debe inicializar un nuevo componente con el objeto especificado.

Expand Down Expand Up @@ -576,7 +576,9 @@ Estas, funcionan exactamente igual que las directivas de transición de VueJS co

Las claves del objeto son las directivas (puede ser cualquiera, incluyendo modificadores), y los valores son *callbacks* a evaluar por Alpine.

> Note: La única anomalía con x-spread ocurre cuando se usa junto a `x-for`. Cuando la directiva a extender es `x-for`, es necesario retornar una expresion en formato de *string* en el *callback*. Por ejemplo: `['x-for']() { return 'item in items' }`.
> Note: Excepciónes con `x-spread`:
> - Cuando la directiva a extender es `x-for`, es necesario retornar una expresion en formato de *string* en el *callback*. Por ejemplo: `['x-for']() { return 'item in items' }`.
> - `x-init` y `x-data` no se pueden usar dentro de un objeto para "spread".
---

Expand Down Expand Up @@ -724,7 +726,7 @@ Si necesitas acceder a $dispatch desde dentro de una función de JavaScript, pue
Puedes hacer "watch" a la propiedad de un componente con el método mágico `$watch`. En el ejemplo de arriba, cuando se pulsa el botón y `open` cambia, la retrollamada provista ejecutara el `console.log` con el nuevo valor.

## Seguridad
Si encuentras una brecha de seguridad, por favor envía un email a [[email protected]]()
Si encuentras una brecha de seguridad, por favor envía un email a [[email protected]]().

Alpine depende de una implementación personalizada utilizando el objeto `Function` para evaluar las directivas. A pesar de ser más seguro que `eval()`, su uso está prohibido en algunos entornos, tels como Google Chrome App, utilizando Content Security Policy restrictivas (CSP).

Expand Down
Loading

0 comments on commit 1e0d3c7

Please sign in to comment.