Сегодня мой первый вклад в челлендж #100daysofcode от Twitter. Я решил связать эту задачу с моим текущим изучением Vue.JS. В настоящее время я работаю фронтенд-разработчиком, и меня попросили изучить Vue.JS, чтобы использовать его в своей работе. Я решил записать свой прогресс в этом испытании, в надежде, что, возможно, вдохновит других принять вызов научиться программировать.
Vue.JS — это относительно новый фреймворк для создания веб-сайтов и веб-приложений. Изучив основы React, я быстро привыкаю к Vue.JS, его минимальному синтаксису и простоте настройки проектов.
Я начал с курса Udemy по Vue.JS. Это создано The Net Ninja, и я искренне рекомендую всем, кто учится программировать, посетить его веб-сайт и обширные библиотеки для многих фреймворков и языков. Он мужчина! Вот ссылка на курс.
Давайте начнем!
Первое, с чем я столкнулся, это настройка проекта. Изучив React, этот процесс во Vue предельно прост. Если мы хотим записать весь наш код Vue в один файл, то, к счастью, мы можем это сделать! Вы можете очень легко инициировать новый экземпляр Vue.
Для целей этого блога на Medium я буду использовать внешний файл JavaScript для запуска JS для нас в фоновом режиме. Просто чтобы не увязнуть в слишком большом количестве кода в одном файле.
Вот пример моего HTML-файла. Мы просто вставляем код Vue.js в div с идентификатором «приложение». Затем мы можем создать экземплярнашего приложения Vue! Мы можем сделать это в отдельном файле JS, как обсуждалось ранее. Это будет выглядеть так,
Здесь мы создаем экземпляр или Vue. Мы можем добавлять файлы данных и методы для контроля и управления нашим приложением. Хотя это простой способ создания экземпляра нашего приложения Vue, писать код таким образом не очень популярно и логично.
