|
@@ -21,13 +21,13 @@ Alpine.js предлагает вам реактивность и деклара
|
|
|
|
|
|
Вот и всё. Он инициализируется самостоятельно.
|
|
Вот и всё. Он инициализируется самостоятельно.
|
|
|
|
|
|
-Для продакшн-окружения, рекомедуется использовать ссылку с конкретным номером версии, чтобы избежать неожиданных поломок после выпуска новых версий.
|
|
|
|
|
|
+Для продакшн-окружения, рекомендуется использовать ссылку с конкретным номером версии, чтобы избежать неожиданных поломок после выпуска новых версий.
|
|
Например, чтобы использовать версию `2.7.0`:
|
|
Например, чтобы использовать версию `2.7.0`:
|
|
```html
|
|
```html
|
|
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js" defer></script>
|
|
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js" defer></script>
|
|
```
|
|
```
|
|
|
|
|
|
-**С помощью NPM:** Установите пакет из NPM.
|
|
|
|
|
|
+**С помощью npm:** Установите пакет из npm.
|
|
```js
|
|
```js
|
|
npm i alpinejs
|
|
npm i alpinejs
|
|
```
|
|
```
|
|
@@ -297,7 +297,7 @@ Alpine.js можно использовать и для более серьез
|
|
|
|
|
|
**Синтаксис:** `<button x-on:[событие]="[выражение]"></button>`
|
|
**Синтаксис:** `<button x-on:[событие]="[выражение]"></button>`
|
|
|
|
|
|
-`x-on` цепляет прослушиватель события на элемент, на котором был объявлен. Когда событие срабатывает, выполняется переданное JS-выражение.
|
|
|
|
|
|
+`x-on` цепляет слушатель события на элемент, на котором был объявлен. Когда событие срабатывает, выполняется переданное JS-выражение.
|
|
|
|
|
|
Если в этом выражении меняются какие-либо данные, другие элементы, "привязанные" к этим данным, будут обновлены.
|
|
Если в этом выражении меняются какие-либо данные, другие элементы, "привязанные" к этим данным, будут обновлены.
|
|
|
|
|
|
@@ -349,7 +349,7 @@ Alpine.js можно использовать и для более серьез
|
|
|
|
|
|
При добавлении `.window` прослушиватель события установится не на узел DOM, на котором был вызван, а на глобальный объект window. Это полезно, когда нужно изменить состояние компонента при изменении чего-либо в window, например, при событии "resize". В примере выше, когда ширина окна будет больше 768 пикселей, мы закроем модальное окно/дропдаун, иначе сохраним то же состояние.
|
|
При добавлении `.window` прослушиватель события установится не на узел DOM, на котором был вызван, а на глобальный объект window. Это полезно, когда нужно изменить состояние компонента при изменении чего-либо в window, например, при событии "resize". В примере выше, когда ширина окна будет больше 768 пикселей, мы закроем модальное окно/дропдаун, иначе сохраним то же состояние.
|
|
|
|
|
|
->Замечание: Также можно использовать модификатор `.document` для добавления прослушивателей к `document`.
|
|
|
|
|
|
+>Замечание: Также можно использовать модификатор `.document` для добавления слушателей к `document`.
|
|
|
|
|
|
**Модификатор `.once`**
|
|
**Модификатор `.once`**
|
|
|
|
|
|
@@ -620,7 +620,7 @@ Alpine предлагает 6 разных transition-директив для д
|
|
<input x-on:input="alert($event.target.value)">
|
|
<input x-on:input="alert($event.target.value)">
|
|
```
|
|
```
|
|
|
|
|
|
-`$event` – это магическое свойство, которое можно использовать в прослушивателе событий для получения нативного объекта "Event".
|
|
|
|
|
|
+`$event` – это магическое свойство, которое можно использовать в слушателе событий для получения нативного объекта "Event".
|
|
|
|
|
|
---
|
|
---
|
|
|
|
|