2018 Знание Vue, которое я знаю (1)

Первый флаг в начале года - освоить vue, ха-ха

Vue, React и Angular — три основных фреймворка. Наконец, я решил изучить Vue, и я познакомился с React. Я почувствовал, что кривая обучения была немного крутой, и тогда я решил изучить Vue. гораздо более плавный, независимо от того, какой фреймворк я выберу, кроме базовых знаний есть определенное понимание и мастерство, а также должно быть определенное понимание ES6;

Это совокупность знаний Vue в моей голове;

Обзор Vue в одном предложенииРеализуйте адаптивную привязку данных и составные компоненты представления с помощью максимально простого API.;

Создание Vue

Простой экземпляр Vue занимает всего четыре шага

Наша цель обучения определенно состоит не только в том, чтобы создать простой экземпляр Vue, но и в том, чтобы использовать его для достижения более разнообразных функциональных требований, затем нам нужно дополнительно изучить Vue-router, Vuex и Vue-cli;

Давайте сначала поговорим о базовом Vue.Можем ли мы после создания простого экземпляра Vue добавить в экземпляр более полные параметры данных, чтобы выполнить наши меняющиеся функциональные требования, ответ — да;

инструкция

Вот небольшой кейс, который я написал с приведенной выше инструкцией, все инструкции как раз пригодились

Подробности см. в исходном коде демо.

пользовательская директива

в случае кода

Посмотреть исходный код

Vue API

Общие параметры Vue

Это то, что я добавил в экземпляр Vue, когда изучал Vue;директивы и компоненты создаются в экземпляре Vue дляместныйПользовательские директивы и зарегистрированные компоненты, Vue.directive() и Vue.component() регистрируются глобально.

Vue-компоненты

крючки жизненного цикла

Каждый экземпляр Vue перед созданием проходит серию инициализаций. Например, вам нужно настроить мониторинг данных, составить шаблоны, монтировать экземпляры в DOM, обновлять DOM при изменении данных и т.д. В то же время некоторые функции, называемые перехватчиками жизненного цикла, также запускаются во время этого процесса, что дает пользователям возможность добавлять свой собственный код в некоторых конкретных сценариях.

Я видел диаграмму жизненного цикла в группе QQ, я думаю, что она очень хорошо написана, спасибо за обобщение этой диаграммы

Лучше работает с примером кодаПосмотреть исходный код

Функции хуков жизненного цикла — это просто восемь функций.

Как сделать текст на Vue лучше и красивее?

Подробное руководство по стилю можно найти на официальном сайте.Для дальнейшего изучения см.официальная документация

Некоторые ресурсы взяты из Интернета;

Добро пожаловать, чтобы продолжать обращать внимание, следить за непрерывным обновлением и завершением