|
1 | 1 | # Совместимость с Vue
|
2 | 2 |
|
3 |
| -Вы можете писать компоненты Vue непосредственно для файлов Markdown, и он будет проанализирован. Вы можете использовать эту функцию для совместной работы vue demo и документации. |
| 3 | +Вы можете писать компоненты Vue непосредственно в файлах Markdown, и он будет исполнен. Вы можете использовать эту возможность для написания примеров на Vue и документации совместно. |
4 | 4 |
|
5 | 5 | ## Основное использование
|
6 | 6 |
|
|
10 | 10 | <script src="//unpkg.com/vue"></script>
|
11 | 11 | <script src="//unpkg.com/docsify"></script>
|
12 | 12 |
|
13 |
| -<!-- или использовать сжатые файлы --> |
| 13 | +<!-- Или использовать минифицированные версии файлов --> |
14 | 14 | <script src="//unpkg.com/vue/dist/vue.min.js"></script>
|
15 | 15 | <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
16 | 16 | ```
|
17 | 17 |
|
18 |
| -Затем вы можете сразу же написать код Vue в файле Markdown. |
19 |
| -`new Vue({ el: '#main' })` скрипт выполняется по умолчанию для создания экземпляра. |
| 18 | +Затем вы можете сразу же написать Vue-код в файле Markdown. |
| 19 | +Выражение `new Vue({ el: '#main' })` выполнится по умолчанию для создания экземпляра. |
20 | 20 |
|
21 | 21 | *README.md*
|
22 | 22 |
|
23 | 23 | ````markdown
|
24 |
| -# Vue руководство |
| 24 | +# Руководство по Vue |
25 | 25 |
|
26 |
| -использование `v-for`. |
| 26 | +Использование `v-for`. |
27 | 27 |
|
28 | 28 | ```html
|
29 | 29 | <ul>
|
|
41 | 41 | *README.md*
|
42 | 42 |
|
43 | 43 | ```markdown
|
44 |
| -# Vue demo |
| 44 | +# Пример на Vue |
45 | 45 |
|
46 | 46 | <div>Привет {{ msg }}</div>
|
47 | 47 |
|
|
53 | 53 | </script>
|
54 | 54 | ```
|
55 | 55 |
|
56 |
| -!> В файле Markdown выполняется скрипт только в первом тёге скрипта. |
| 56 | +!> В файле Markdown выполняется скрипт только в первом теге скрипта. |
57 | 57 |
|
58 |
| -## Комбинация Vuep для создания playground |
| 58 | +## Комбинация Vuep для создания площадки кода |
59 | 59 |
|
60 |
| -[Vuep](https://github.com/QingWei-Li/vuep) является компонентом для рендеринга компонентов Vue с живым редактором и предварительным просмотром. Поддерживает спецификацию компонентов Vue и JSX. |
| 60 | +[Vuep](https://github.com/QingWei-Li/vuep) — компонент для отрисовки компонентов Vue с редактором в режиме реального времени без перезагрузки страницы и с предварительным просмотром. Поддерживает спецификацию компонентов Vue и JSX. |
61 | 61 |
|
62 | 62 | *index.html*
|
63 | 63 |
|
64 | 64 | ```html
|
65 |
| -<!-- внедрить css файл --> |
| 65 | +<!-- Подключить файл CSS --> |
66 | 66 | <link rel="stylesheet" href="//unpkg.com/vuep/dist/vuep.css">
|
67 | 67 |
|
68 |
| -<!-- внедрить javascript файлы --> |
| 68 | +<!-- Подключить файлы JavaScript --> |
69 | 69 | <script src="//unpkg.com/vue"></script>
|
70 | 70 | <script src="//unpkg.com/vuep"></script>
|
71 | 71 | <script src="//unpkg.com/docsify"></script>
|
72 | 72 |
|
73 |
| -<!-- или использовать сжатые файлы --> |
| 73 | +<!-- Или использовать минифицированные версии файлов --> |
74 | 74 | <script src="//unpkg.com/vue/dist/vue.min.js"></script>
|
75 | 75 | <script src="//unpkg.com/vuep/dist/vuep.min.js"></script>
|
76 | 76 | <script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
|
|
97 | 97 | </script>
|
98 | 98 | ```
|
99 | 99 |
|
100 |
| -?> Ссылка на экземпляр [vuep documentation](https://qingwei-li.github.io/vuep/). |
| 100 | +?> Пример опирается на [документацию Vuep](https://qingwei-li.github.io/vuep/). |
101 | 101 |
|
102 | 102 |
|
0 commit comments