Russian Subtitles for Vue.js 2 Quickstart Tutorial 2017



Subtitles / Closed Captions - Russian

привет меня зовут <font color="#E5E5E5">Дастин из - кодирования </font>

умный способ спокойно и сегодня в этом <font color="#CCCCCC">видео </font> Я хотел бы <font color="#E5E5E5">дать </font><font color="#CCCCCC">вам краткий </font> введение в вид СП2 <font color="#E5E5E5">переднего конца </font> структура и вид очень новый рамочная структура, которая получает много тяги в данный момент и в этом введении

Я буду вести вас через первые шаги Вы должны <font color="#CCCCCC">знать , чтобы начать работу с </font> рамки и инициировать проект вируса так что следите за обновлениями в <font color="#CCCCCC">порядке первым это всегда </font> хорошая идея , чтобы <font color="#E5E5E5">взглянуть на проект </font> сайт и вид <font color="#CCCCCC">JAS веб - сайт может быть </font>

найдено в UJS темноте , и <font color="#CCCCCC">вы можете увидеть его </font> вот так, что именно вю вид руки как прогрессирующий у вас есть набор скриптов который фокусируется на создании пользовательских интерфейсов поэтому он работает только в <font color="#E5E5E5">режиме просмотра слоя </font> ваше приложение, и это делает НЕТ

Предположения промежуточного слоя и <font color="#CCCCCC">обратно и </font> технологии вы используете это в самом деле вы можете работать вместе со всеми из общие <font color="#E5E5E5">назад и технологии , которые </font> <font color="#CCCCCC">для веб - разработки на </font> момент и может быть легко интегрирован в

<font color="#E5E5E5">существующие проекты, конечно , и </font> что делает <font color="#E5E5E5">его очень легко интегрировать </font> вид в существующих проектах другой Основное преимущество зрения Jas является то, что ему <font color="#E5E5E5">очень производительный , так как вы можете прочитать </font><font color="#CCCCCC">его </font> здесь это только 17 килобайт и размер и

это означает, что библиотека ядра и что делает ваше приложение молниеносно так накладные расходы вы добавляете включения Вид на <font color="#CCCCCC">стулья </font><font color="#E5E5E5">в ваш проект является очень </font> маленький и убеждается , <font color="#CCCCCC">что ваш </font> приложение производительное <font color="#CCCCCC">хорошо , если </font><font color="#E5E5E5">вы </font>

хотят <font color="#CCCCCC">интегрировать вид Драйя в вашу </font> Проект существует <font color="#E5E5E5">различные способы </font> дела так что давайте нажмите здесь на руководство, чтобы получить обзор <font color="#E5E5E5">различных вариантов и </font> <font color="#E5E5E5">Вы можете нажать на установку здесь </font>

меню с левой стороны , и здесь вы можете <font color="#CCCCCC">увидеть </font> Существуют <font color="#CCCCCC">различные варианты </font><font color="#E5E5E5">так и для </font> <font color="#E5E5E5">Например , вы можете включить его непосредственно </font> с помощью тега сценария в <font color="#CCCCCC">HTML - страницы </font> что в <font color="#E5E5E5">основном все , что </font><font color="#CCCCCC">необходимо </font><font color="#E5E5E5">для </font> получить <font color="#CCCCCC">движение </font><font color="#E5E5E5">с точки зрения , и вы можете </font>

интегрировать <font color="#E5E5E5">его непосредственно с помощью сценария </font> метить и использовать ресурс от содержания сеть доставки, например, он работать пакеты один доставки контента сети , что делает зрителя <font color="#CCCCCC">Дж / с Вейбулла </font> и это самый <font color="#CCCCCC">простой вариант другой </font>

вариант <font color="#CCCCCC">использовать </font><font color="#E5E5E5">менеджер пакетов NPM </font> установить <font color="#CCCCCC">вид на или просто набрав в </font> <font color="#E5E5E5">NPM установить вид , что его загрузку </font> библиотека и добавление <font color="#E5E5E5">его к нотам </font> Модули папки вашего проекта и там <font color="#CCCCCC">другая версия , и это </font><font color="#E5E5E5">другое </font>

версия, которая будет, который мы будем используя в этом видео , <font color="#CCCCCC">и это мнение </font> <font color="#CCCCCC">Jas CLI представляет собой интерфейс командной строки и </font> с интерфейсом командной строки, вы получение другого командира что и является команды просмотра и с помощью этой команды

Вы можете начать новый проект, который на основе шаблона и уже включая библиотеку просмотра, так что вы не <font color="#CCCCCC">необходимо </font><font color="#E5E5E5">загрузить его в отдельной стадии </font> <font color="#E5E5E5">Хорошо , так давайте перейдем к </font><font color="#CCCCCC">командной строке </font> и начать установку команды просмотра

линейный интерфейс , так что мы можем <font color="#CCCCCC">использовать его для </font> <font color="#E5E5E5">начать наш первый проект и сделать так , </font> мы должны <font color="#E5E5E5">сказать , НПМ установить и я это сделать </font> как привилегированный пользователь минус G, потому что мы хотим <font color="#CCCCCC">установить вид командной строки </font> интерфейс в качестве глобальной команды так нам нужно

дать такую ​​возможность г для глобальных и <font color="#CCCCCC">имя пакета </font> вид черточки на CL I так, что выполнить Команда и установка <font color="#E5E5E5">принимает </font> второй нормально здесь вы можете увидеть установка завершена

успешно и теперь <font color="#CCCCCC">новый вид </font> Команда доступна вы можете увидеть здесь она имеет различные варианты и для того, чтобы создать новый проект , мы <font color="#E5E5E5">используем </font> первый вариант здесь в принятии и мы сделайте это <font color="#E5E5E5">следующим образом давайте экономить </font>

вы в нем веб - пакет , потому что <font color="#E5E5E5">мы хотим </font> получить шаблон проекта, который использует веб-пакет модуль загрузчика и пакетирования , а затем в <font color="#E5E5E5">последнем параметре </font> дать название проекта, и мы просто <font color="#E5E5E5">назвать его просмотром приложения 01 , и теперь это </font>

инициирование проекта вы можете <font color="#E5E5E5">увидеть это </font> загрузите шаблон, а затем это задавать некоторые вопросы , сначала нам нужно дать <font color="#E5E5E5">название проекта здесь и мы можем </font> <font color="#E5E5E5">оставить его по умолчанию здесь смотреть приложение </font><font color="#CCCCCC">01 </font> описание проекта, хотя, если

по умолчанию здесь автор, и теперь это спрашивая, как вид построен должно быть сделано мы <font color="#E5E5E5">выбираем среды выполнения и компиляции </font> это рекомендуемый способ годы Линда функция на данный <font color="#CCCCCC">момент я говорю </font><font color="#E5E5E5">нет и </font> здесь относительно испытательная установка была карма

не и грабитель, хотя нет и конца в конец тесты не было смотреть снова не так, что это Все, что нужно теперь новый проект папка была создана вид приложения на <font color="#E5E5E5">один и </font> вы <font color="#CCCCCC">можете увидеть его здесь следующий шаг заключается в </font> перейти в эту папку, а затем

завершить установку, установив все конец <font color="#CCCCCC">эм пакеты , необходимые для нашего </font><font color="#E5E5E5">проекта по </font> с помощью <font color="#E5E5E5">команды НПМ установить нормально так </font> давайте сделаем так переключиться в этот новый проект каталог , а затем выполнение <font color="#E5E5E5">НПХ установок </font>

в этом каталоге, и теперь это выборка загрузив все пакеты, определенные в JSON файл пакета дот, который был <font color="#E5E5E5">добавлены к </font><font color="#CCCCCC">проекту , что файл является </font> содержащий все зависимости, и это загрузка всех <font color="#CCCCCC">зависимостей и </font>

установки узла модулей в узловые модули папки <font color="#CCCCCC">проекта </font><font color="#E5E5E5">и </font> это снова <font color="#E5E5E5">занимает второе место, </font><font color="#CCCCCC">чтобы закончить </font> <font color="#E5E5E5">хорошо здесь мы </font><font color="#CCCCCC">его завершения , и теперь </font> мы можем сделать первый тест, и мы можем начать на веб-сервере веб-разработки

сервер для запуска проекта , и <font color="#CCCCCC">это </font> снова делается с помощью <font color="#CCCCCC">команды НПМ и </font> скажем НПМ запустить Def здесь <font color="#E5E5E5">хорошо вы можете </font> см браузер автоматически открывается и это нагрузка на <font color="#CCCCCC">проекте здесь </font> локальный порт 8080 хоста и вы можете увидеть

<font color="#CCCCCC">приложение , которое инициализируется с целью </font> Команда уже работает и показывает этот вывод здесь <font color="#E5E5E5">в браузере , и если </font><font color="#CCCCCC">я </font> переключиться обратно на терминал вы можете <font color="#CCCCCC">увидеть </font> он говорит, хорошо он был составлен успешно и теперь, что сервер

слушать на локальном хосте 8080, и это живой сервер перезарядки, так что если мы реализации в настоящее время каких - либо изменений на <font color="#CCCCCC">сайте </font> <font color="#E5E5E5">загружается автоматически без каких - либо </font> ручные шаги выглядят почему не в <font color="#E5E5E5">порядке , так что давайте </font> держать наш проект работает здесь <font color="#E5E5E5">и у меня есть </font>

<font color="#E5E5E5">открыл другую вкладку здесь в команде </font> линия, и я в том же проекте каталог здесь и теперь давайте начнем мой редактор кода , и <font color="#E5E5E5">что Адам </font> так что мы <font color="#E5E5E5">посмотрим на баночной </font> начальная структура проекта <font color="#CCCCCC">хорошо здесь </font>

так что давайте закрыть его и посмотреть , что <font color="#E5E5E5">внутри </font> из нашей папки проекта и здесь <font color="#E5E5E5">можно </font><font color="#CCCCCC">видеть , что мы различные файлы , включенные </font> здесь вы можете увидеть файл package.json то есть <font color="#CCCCCC">огнь хорошо никаких зависимостей </font> перечислены и <font color="#E5E5E5">прежде , чем мы убедились , </font>

что зависимости были загрузили <font color="#E5E5E5">и установили в </font><font color="#CCCCCC">узел </font> модули папку, выполнив <font color="#CCCCCC">НПМ </font> командный стиль в папке проекта и то <font color="#E5E5E5">следующий файл , который </font><font color="#CCCCCC">важен </font> файл index.html , поскольку в <font color="#E5E5E5">этом файле </font>

<font color="#E5E5E5">Вы находите начальную точку </font> приложение , и <font color="#E5E5E5">вы можете видеть это ясно , </font> простой га HTML-файл и в теле <font color="#CCCCCC">раздел этого HTML файла в дифф раздел </font> включен и <font color="#E5E5E5">что отклоняющий рычаг </font> имеет один атрибут здесь атрибут ID

и атрибут ID ID получает присваивается строка в нашем случае <font color="#E5E5E5">это строка приложения </font> и <font color="#CCCCCC">г недуги рука заполнитель так , что </font> рамки вида знает, куда вставить содержание , которое <font color="#CCCCCC">порождается </font> вид приложения нормально шея открыта в следующем ДАВАЙТЕ

папка источника, потому что так, что является место в нашей структуре проекта, где Просмотр <font color="#CCCCCC">приложения Джес реализуется и </font> давайте откроем в этой папке файл Основная точка <font color="#CCCCCC">Jas и это место , где </font> <font color="#CCCCCC">приложение для просмотра инициализируется </font>

<font color="#E5E5E5">и вы можете увидеть здесь мы импортируем </font> две вещи здесь сначала нам нужно <font color="#E5E5E5">импортировать </font> вид с точки зрения и <font color="#CCCCCC">что </font><font color="#E5E5E5">это </font> основной класс приложения, и вы можете увидеть он здесь используется , <font color="#E5E5E5">чтобы создать новый </font> экземпляр

рамки и вместе с видом мы импортирует вторую вещь, и это приложение из <font color="#CCCCCC">файла приложения , и это </font> компонент мы реализуем здесь наш проект , который доступен <font color="#E5E5E5">здесь </font> <font color="#E5E5E5">Вид Epcot мы рассмотрим в сторону </font>

<font color="#CCCCCC">этой реализации в секунду , но </font> первым давайте сосредоточимся на части здесь и экземпляр нового взгляда рамка созданный путем вызова их <font color="#CCCCCC">конструктора </font> с помощью нового ключевого слова и Конструктор получает один параметр и

<font color="#E5E5E5">это объект здесь с этим </font> Свойства реконфигурации и первые <font color="#E5E5E5">недвижимость здесь вы можете увидеть , как это называется </font><font color="#CCCCCC">аль </font> <font color="#E5E5E5">для элемента и </font><font color="#CCCCCC">получает назначен </font> строка здесь, и что в основном говорят или определяющий , что выход <font color="#CCCCCC">зрения </font>

<font color="#CCCCCC">заявка должна быть вставлена в </font> элемент , который <font color="#CCCCCC">является идентификатором приложения , и мы видели , </font> он до этого в файле index.html мы присваивается строковое приложение к <font color="#CCCCCC">г - м недвижимости </font> и теперь мы подключаемся наш взгляд приложение с таким сНом элементом так

выход , который <font color="#CCCCCC">генерируется HTML - </font> выход , который <font color="#E5E5E5">генерируется с </font><font color="#CCCCCC">нашей точки зрения </font> Приложение заменяет этот DIV элемент в пределах нашего индекса HTML файл, так вот шаблон нашего приложения и что шаблон <font color="#CCCCCC">E очень прост </font>

потому что это только <font color="#E5E5E5">один элемент , содержащий </font> и <font color="#CCCCCC">что это элемент Z АВ , который является </font> ссылаясь на <font color="#E5E5E5">компонент приложения и </font> используя этот элемент здесь, в нашем шаблоне мы определяем, что на выходе HTML который <font color="#CCCCCC">генерируется компонентом приложения </font>

должны быть размещены здесь <font color="#E5E5E5">внутри нашего зрения </font> шаблон так что часть продукции который на наш взгляд приложение генерирует и чтобы иметь возможность использовать на <font color="#E5E5E5">элементе приложения </font> здесь и в том числе выхода <font color="#CCCCCC">приложения </font> компонент

мы не <font color="#CCCCCC">только должны импортировать здесь мы </font> Кроме того, <font color="#E5E5E5">необходимо объявить здесь в пределах </font> объект, который мы присваиваем к компоненты недвижимости в целях Объект конфигурации, так что View приложение знает , что мы хотим <font color="#E5E5E5">сделать </font>

Использование приложения компонента в нашем шаблоне <font color="#CCCCCC">Хорошо , так что давайте переключаться на </font> <font color="#CCCCCC">Реализация компонента приложения и </font> реализация доступна в приложении вид жабы так что здесь вы <font color="#CCCCCC">можете увидеть наши наборы </font> полного <font color="#CCCCCC">окончания реализации , как в </font>

каждый вид <font color="#E5E5E5">J в качестве единственного компонента файла </font> реализации, как файл разбивается на три секции сверху вы можете <font color="#CCCCCC">увидеть здесь </font> является <font color="#E5E5E5">раздел шаблона приложения </font> Затем компонент у нас есть раздел сценария здесь и , <font color="#E5E5E5">наконец , мы имеем здесь </font>

<font color="#CCCCCC">раздел стиль , содержащий в CSS стиль </font> код <font color="#CCCCCC">шаблона компонента и </font> вы можете увидеть , что делает <font color="#E5E5E5">его очень легко </font> сохранить обзор, потому что все принадлежащий к одному компоненте здесь в пределах одного этого файла и поэтому давайте первый

взгляните <font color="#E5E5E5">на раздел скрипта </font> можно посмотреть здесь раздел скрипта что делает эксперт по умолчанию а и Компонент объект конфигурации для просмотра и что объект конфигурации содержащий <font color="#E5E5E5">два свойства </font><font color="#CCCCCC">Имя назначения </font>

имя для компонента в нашем случае <font color="#CCCCCC">это </font> приложение и снова свойство компонентов принимая объект, содержащий все из последующие компоненты, которые используются здесь в приложении компонента и у нас есть один компонент включен в <font color="#CCCCCC">настоящем документе это </font>

привет компонент он перечислен здесь, потому что если мы <font color="#CCCCCC">посмотрим </font><font color="#E5E5E5">на вас шаблон </font> может видеть компонент привет включен <font color="#E5E5E5">в шаблоне, используя вводное LM </font> и здесь , и теперь вы можете увидеть Шаблон не так долго, только с одним

<font color="#E5E5E5">дифф раздел здесь и раздел дифф </font> состоит из двух <font color="#CCCCCC">элементов </font><font color="#E5E5E5">одно изображения </font> Элемент это изображение элемент, включая файл с логотипом PNG и выход и <font color="#E5E5E5">это в том числе вывод , который </font> порожденный <font color="#E5E5E5">югу компонента привет и </font>

если <font color="#CCCCCC">теперь мы сравним этот шаблон к </font> выход , который был <font color="#CCCCCC">Вейбуллой здесь в </font> браузер вы можете увидеть <font color="#E5E5E5">этикетку здесь </font> это <font color="#E5E5E5">файл с логотипом и все остальные </font> выход , который <font color="#CCCCCC">генерируется здесь </font> <font color="#CCCCCC">Приветственное сообщение существенные крылья </font>

экосистемные связи и так далее поступает из <font color="#E5E5E5">содержание или выход , который </font><font color="#CCCCCC">является </font> производства <font color="#E5E5E5">компонента приветствия Z и </font> включены <font color="#CCCCCC">здесь в шаблон так что давайте </font> посмотрите <font color="#E5E5E5">на последнюю часть на </font> первоначальная структура проекта, и это

Реализация компонента привет реализация <font color="#CCCCCC">как Вейбулла здесь в </font> компоненты подпапок и файлов привет вид точки и / или открыть этот файл и здесь вы можете <font color="#CCCCCC">увидеть снова у нас есть шаблон </font> раздел доступен, то есть экипаж

<font color="#CCCCCC">/ </font><font color="#E5E5E5">Раздел </font><font color="#CCCCCC">сценария </font><font color="#E5E5E5">и , наконец , использовать </font> Стиль раздела и, как вы можете увидеть, если мы начнем с того, посмотрите на сценарий раздел снова экспорта по умолчанию производится определение компонента конфигурации объект имени в данном случае является привет

потому что мы определяем ад компонент , а затем есть <font color="#CCCCCC">что - то </font> <font color="#E5E5E5">Новое это функция данных возвращая </font> объект с одним свойством включен и это Z тзд означает <font color="#E5E5E5">сообщение </font> Свойство и сообщ получает назначен

Добро пожаловать строка и вы можете увидеть это Добро пожаловать <font color="#E5E5E5">на ваш взгляд </font> рельсы приложение , которое точно <font color="#CCCCCC">строка </font> который выводится здесь в <font color="#CCCCCC">качестве заголовка </font> под файл логотипа и теперь, если вы берете <font color="#E5E5E5">посмотреть на код шаблона , который </font>

определяется здесь вы можете увидеть на имущество тзд как здесь используется шаблон в h1 элемента с помощью интерполяции синтаксис, который требует, чтобы использовать открытые и закрывая двойные фигурные скобки и используя Зеты синтаксис мы можем <font color="#E5E5E5">включить </font>

свойства от <font color="#E5E5E5">объекта , который </font> возвращается из функции данных из компонент в нашем шаблоне, и это Причина , <font color="#CCCCCC">почему текст </font><font color="#E5E5E5">из </font><font color="#CCCCCC">сообща </font> свойство распечатывается здесь и Остальная часть шаблона вы можете увидеть это

о печати из этих ссылок здесь мы есть раздел необходимого звена включен в h2 элемента , а <font color="#E5E5E5">затем в виде списка всех </font> ссылки <font color="#E5E5E5">печатаются и у нас есть </font> экосистема здесь это та часть с выпадения указывая для просмотра маршрутизатора <font color="#CCCCCC">yucks </font>

вид погрузчика и удивительный вид так на <font color="#CCCCCC">Следующий шаг </font><font color="#E5E5E5">я хотел </font><font color="#CCCCCC">бы внести некоторые </font><font color="#E5E5E5">изменения </font> на начальном этапе внедрения и просто чтобы дать <font color="#CCCCCC">вам представление </font><font color="#E5E5E5">о том , как легко </font> заключается в <font color="#CCCCCC">использовании рамки вида и дать </font> <font color="#E5E5E5">вы немного введение в некоторые из </font>

Стандартный вид <font color="#CCCCCC">Jrs директивы и </font><font color="#E5E5E5">я начинаю </font> с с <font color="#CCCCCC">изменениями путем удаления некоторых </font> содержания здесь в шаблоне компонент привет и <font color="#E5E5E5">я собираюсь </font> удалить все , что <font color="#E5E5E5">связано с </font> две <font color="#CCCCCC">секции ссылки здесь , так что давайте </font>

удалить это так , что мы <font color="#E5E5E5">только печать </font> из <font color="#CCCCCC">приветствия и вы можете увидеть </font> Я сохраняю файл и сразу же <font color="#E5E5E5">он получает перезагружается в </font> браузер без необходимости мне <font color="#E5E5E5">делать </font> ничего вручную здесь и сейчас мы можем пойти

на с реализации, <font color="#E5E5E5">например, список </font> распечатать и <font color="#E5E5E5">я определяю другую информацию </font> недвижимость здесь в <font color="#E5E5E5">объект , </font><font color="#CCCCCC">который </font> возвращаемый <font color="#E5E5E5">данные измерены и я </font> называя этот массив <font color="#E5E5E5">я хотел бы иметь </font> пользователей, а затем определить его как массив и

в этом массиве, скажем, у нас есть Объекты , включенные в <font color="#E5E5E5">этот массив , который </font> состоит из двух свойств давайте использовать первое имя свойства и назначение первого имя строки и фамилия <font color="#CCCCCC">хорошо это </font> так что давайте, возможно, добавить еще два элемента

здесь в <font color="#E5E5E5">порядке присвоить другое имя </font> и последнее имя для <font color="#E5E5E5">второго объекта пользователя </font> и для пользовательского объекта серт давайте использовать Джон в качестве первого имени <font color="#E5E5E5">и , возможно , Портер , как </font> последнее название , так что теперь у нас <font color="#E5E5E5">есть три пользователей </font> определяется здесь в массиве пользователей и теперь

мы можем <font color="#CCCCCC">использовать или использовать </font> что <font color="#E5E5E5">пользователи массив с содержанием </font> включено в нашем шаблоне , и я хотел <font color="#CCCCCC">бы </font> распечатать тех пользователей, как список так под элемент h1 давайте включим другой дифф раздел здесь, и это должно быть

неупорядоченный список, и я говорю Элемент списка и теперь я использую <font color="#E5E5E5">вид </font><font color="#CCCCCC">Jas </font> стандартная директива , которая называется <font color="#E5E5E5">V </font> минус <font color="#E5E5E5">4 и я говорю , что это равно некоторые </font> пользователь пружинных пользователей и применяя <font color="#E5E5E5">что синтаксис здесь вид </font><font color="#CCCCCC">Jas рамки </font>

<font color="#E5E5E5">итерация над этим массивом и </font> в том числе один элемент списка элемент <font color="#CCCCCC">в </font> объект , <font color="#E5E5E5">определенный в массиве в </font> <font color="#E5E5E5">Сгенерированный и теперь мы можем использовать </font> Интерполяция синтаксис еще раз для <font color="#CCCCCC">печати </font> из значений первого распечатайте пользователя

первое <font color="#E5E5E5">имя , а затем распечатать пользователя </font> Lastname <font color="#CCCCCC">хорошо давайте сохранить его , и вы можете </font> см на выходе <font color="#CCCCCC">генерируется и </font><font color="#E5E5E5">я и </font> получить обратно имена пользователей в <font color="#CCCCCC">порядке </font> поэтому следующая вещь , которую я хотел бы <font color="#CCCCCC">включить это </font> входной элемент и использовать двухсторонние данные

привязки для синхронизации значения входного элемент , который свойство , которое <font color="#CCCCCC">является </font> определяется в нашей модели данных <font color="#E5E5E5">хорошо давайте </font> Сначала определим новое свойство здесь <font color="#CCCCCC">в </font> возвращение объекта функции данных и давайте назовем этот вход свойства хорошо и

просто присвоить пустую строку здесь все в <font color="#E5E5E5">порядке </font> и в нашем шаблоне здесь под дифф раздел списка <font color="#E5E5E5">пользователей, которых я </font> определение другого раздела различий и в что раздел дифф Я включая входной элемент и давайте использовать

<font color="#E5E5E5">время текста и нам не нужно имя и </font> дорожим здесь вместо того, чтобы я использую другое <font color="#E5E5E5">вид J в качестве стандартной директивы , которая </font> называется <font color="#CCCCCC">V Model View прочерк модель и </font><font color="#E5E5E5">я </font> назначение входной строки <font color="#CCCCCC">бара , который </font> соответствует <font color="#CCCCCC">названию нашего имущества </font>

мы определили здесь и <font color="#E5E5E5">давайте выход на </font> что недвижимость здесь под входом элемент и, скажем, или, скажем, наш икра и я использую <font color="#E5E5E5">v тир текст </font> директивы и снова <font color="#CCCCCC">я задаю вход </font> Val <font color="#CCCCCC">хорошо так давайте посмотрим , вот наш вход </font>

элемент , и теперь я могу начать <font color="#E5E5E5">печатать </font> что - то в <font color="#E5E5E5">развитии и вы </font> можно увидеть здесь, что это выход из нашего пролет элемент , который <font color="#CCCCCC">связан с входом </font> а элемент с помощью <font color="#CCCCCC">v минус текст </font> директивный <font color="#E5E5E5">вывод г входа здесь </font>

непосредственно отражается здесь в качестве выходного сигнала на той <font color="#CCCCCC">же странице , </font><font color="#E5E5E5">ладно последняя вещь , которую я </font> хотел , <font color="#E5E5E5">чтобы </font><font color="#CCCCCC">продемонстрировать, как вы можете использовать </font> на события с испытаний зрения наркотиков и будет включать в себя еще один раздел дифф вот так прецеденте <font color="#E5E5E5">я хотел бы </font>

Орудие очень <font color="#CCCCCC">просто один раз давайте </font> <font color="#E5E5E5">реализовать кнопку , которая </font> будет увеличивать счетчик на единицу каждый раз , когда пользователь <font color="#E5E5E5">нажимает на кнопку </font> так что давайте сначала определить данные счетчика недвижимость здесь , в наших данных объекта <font color="#E5E5E5">я </font>

позвоню счетчик и установить его сначала до 20, а в том, что новый Обнаружение Я реализует кнопку <font color="#CCCCCC">и </font> эта кнопка должна включать в себя и прекрасной обработчик событий и я использую директива <font color="#E5E5E5">v тир на </font><font color="#CCCCCC">сопровождаемой </font>

событие <font color="#CCCCCC">я хотел </font><font color="#E5E5E5">бы ответить на и </font> что это событие щелчка , и каждый раз , Пользователь нажимает <font color="#E5E5E5">на кнопку счетчике </font> свойство должно быть увеличено, так я используя <font color="#E5E5E5">плюс плюс здесь и содержание </font> кнопка обязательно отражает <font color="#CCCCCC">значение </font>

счетчик так <font color="#CCCCCC">что я в том числе немного </font> немного текстовой информации здесь у вас есть нажал эту кнопку , и теперь я собираюсь <font color="#CCCCCC">использовать синтаксис интерполяции снова </font> включает в себя значение счетчика <font color="#E5E5E5">х </font><font color="#CCCCCC">ков </font> давайте сохранить его и посмотреть , как <font color="#CCCCCC">выход </font>

Похоже , так что теперь здесь есть кнопка , <font color="#E5E5E5">и я </font> можно <font color="#E5E5E5">нажать на кнопку , и каждый раз , когда я </font> щелчком мыши вы <font color="#CCCCCC">можете увидеть это значение счетчика </font> который распечатывается на кнопку здесь увеличивается на единицу это было то же самое <font color="#E5E5E5">от кодирования умного способа </font><font color="#CCCCCC">спокойно , если вы </font>

как мое видео , пожалуйста , не <font color="#CCCCCC">забудьте </font> подписаться <font color="#E5E5E5">на мой канал видеть Вас в </font> Следующее видео до свидания вы



Video Description

#1 Online Course: Vue JS 2 - The Complete Guide (http://codingthesmartway.com/courses/vuejs2-complete-guide/)

Vue.js 2 Quickstart Tutorial 2017

Vue is a progressive JavaScript framework that focuses on building user interfaces. As it only works in the “view layer” it makes no assumption of middleware and backend and therefore can be integrated easily into other projects and libraries. Vue.js offers a lot of functionality for the view layer and can be used for building powerful single-page webapps. In this video tutorial you'll learn how to get started with Vue.js!

This is a CodingTheSmartWay.com tutorial

---------------------
Check out our ebooks on Leanpub.com:

* Angular 2 - A Practical Introduction to the new Web Development Platform
https://leanpub.com/angular2-book

* Ionic 2 - A Practical Introduction To Hybrid Mobile Apps Development
https://leanpub.com/ionic2-book
---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.
(http://freemusicarchive.org/music/Broke_For_Free/Directionless_EP/Broke_For_Free_-_Directionless_EP_-_01_Night_Owl)