Skip to content

Update instance.md #19

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Update instance.md #19

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
09881c5
Update instance.md
Lukashenko-Dmitry May 12, 2022
e4fbedb
Merge branch 'master' into patch-2
matrunchyk Sep 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions src/v2/guide/instance.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,19 +6,19 @@ order: 3

## Створення екземпляру Vue

Кожен додаток на Vue починається із створення **Vue екземпляру** через функцію `Vue`:
Кожен застосунок на Vue починається із створення **Vue екземпляру** через функцію `Vue`:

```js
var vm = new Vue({
// налаштування
})
```

Хоч Vue фреймворк не суворо асоціюється з [патерном MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), він частково натхненний цим патерном. Як конвенція, ми часво використовуємо змінну `vm` (ViewModel скорочено) для звернення до екземпляру Vue.
Хоч Vue фреймворк не суворо асоціюється з [патерном MVVM](https://en.wikipedia.org/wiki/Model_View_ViewModel), він частково натхненний цим патерном. Як конвенція, ми часто використовуємо змінну `vm` (ViewModel скорочено) для звернення до екземпляру Vue.

Створюючи екземпляр Vue, ви передаєте **об'єкт налаштувань**. Більша частина цього посібника пояснює як можна використовувати ці налаштування для створення потрібної Вам поведінки. Для довідки, ви також можете переглянути весь список властивостей цього об'єкту у [довідці по API](../api/#Options-Data).
Створюючи екземпляр Vue, ви передаєте **об'єкт налаштувань**. Більша частина цього посібника пояснює, як можна використовувати ці налаштування для створення потрібної Вам поведінки. Для довідки, ви також можете переглянути весь список властивостей цього об'єкту у [довідці по API](../api/#Options-Data).

Додаток Vue складається з **кореневого екземпляру Vue** створеного за допомогою конструкції `new Vue`, та необов'язково організованого як дерево вкладених, повторно використовуваних компонентів. Для прикладу, ось як може виглядати таке дерево нашого тестового додатку для керування списком справ "ToDo":
Застосунок Vue складається з **кореневого екземпляру Vue**, створеного за допомогою конструкції `new Vue`, та необов'язково організованого як дерево вкладених, повторно використовуваних компонентів. Для прикладу, ось як може виглядати таке дерево нашого тестового застосунку для керування списком справ "ToDo":

```
Кореневий екземпляр
Expand All @@ -31,7 +31,7 @@ var vm = new Vue({
└─ TodoListStatistics
```

Ми ще поговоримо про [систему компонентів](components.html) в деталях пізніше. А зараз, просто знайте, що всі компоненти Vue є також екземплярами Vue, тому вони так само можуть об'єкт налаштувань (крім деяких, що стосуються лише кореневого екземпляру).
Ми ще поговоримо про [систему компонентів](components.html) в деталях пізніше. А зараз, просто знайте, що всі компоненти Vue є також екземплярами Vue, тому вони приймають такий самий об'єкт налаштувань (крім деяких, що стосуються лише кореневого екземпляру).

## Дані та методи

Expand Down Expand Up @@ -60,13 +60,13 @@ data.a = 3
vm.a // => 3
```

Коли ці дані змінюються, відображення перемалюється. Прийміть до уваги, що властивості в `data` **реактивні** якщо вони існували під час створення екземпляру. Це означає, що коли ви додаєте нову властівість типу:
Коли ці дані зміняться, відображення перемалюється. Прийміть до уваги, що властивості в `data` **реактивні** якщо вони існували під час створення екземпляру. Це означає, що коли ви додаєте нову властівість типу:

```js
vm.b = 'привіт'
```

тоді зміни до властивості `b` не запустять процем перемальовування. Якщо ви знаєте, що Вам ця властивість буде потрібна пізнше, але на початку вона є порожньою або не існує, Вам потрібно буде встановити якесь початкове значення. Наприклад:
тоді зміни до властивості `b` не запустять процес перемальовування. Якщо ви знаєте, що Вам ця властивість буде потрібна пізнше, але на початку вона є порожньою або не існує, Вам потрібно буде встановити якесь початкове значення. Наприклад:

```js
data: {
Expand All @@ -78,7 +78,7 @@ data: {
}
```

Єдиним виключення до цього правила є використання `Object.freeze()`, що запобігає зміни оснуючих властивостей, що також означає, що система реагування не може бути _відстежена_.
Єдиним виключення до цього правила є використання `Object.freeze()`, що запобігає зміни ыснуючих властивостей, що також означає, що система реагування не може бути _відстежена_.

```js
var obj = {
Expand Down