Публикации по теме vuejs

Публикации по теме 'vuejs'

Понимание реактивности Vue

Давайте посмотрим, как javascript обновляет значение переменной let name = 'Harry'; let fullName = name + ' Potter'; Если мы console.log(fullName); , мы получим Harry Potter Теперь, если обновим значение имени таким образом, name = 'Harry James'; Можете ли вы догадаться, что результат console.log(fullName); будет таким же, как и раньше Harry Potter Это связано с тем, что JavaScript по умолчанию не является реактивным. Vue позаботится о таких изменениях для нас, и это то, что..

Давайте создадим Frontend VueJs для нашего Forem Backend

В этом руководстве мы создадим интерфейс с использованием VueJS для нашего Forem Backend, который поддерживает веб-сайт dev.to В предыдущем руководстве мы клонировали Forem’s Repo на GitHub и разместили его в Google Cloud. Мы также создали несколько API, чтобы мы могли использовать информацию, хранящуюся в его бэкэнде. В этом руководстве мы создадим новый интерфейс с использованием VueJ и будем использовать эти недавно созданные API. Что будем строить Разработаем следующий..

Как добавить семантический интерфейс в ваш проект Nuxt JS

Как добавить семантический интерфейс в ваш проект Nuxt JS В этой статье мы рассмотрим, как интегрировать структуру semantic-ui с проектом NuxtJS. В частности, мы рассмотрим, как получить горячую замену модуля для перезагрузки вашей веб-страницы каждый раз, когда вы вносите изменения в файлы Semantic-UI. Семантический интерфейс Семантический пользовательский интерфейс - это среда разработки, которая помогает создавать красивые, гибкие макеты с использованием удобного для человека..

Как: настроить NativeScript, Vue.js и Firebase

Если вы пытаетесь создать новый проект с помощью NativeScript, Vue.js и Firebase, вы можете столкнуться с несколькими проблемами в процессе. Это краткое руководство должно помочь вам избежать нескольких ловушек, с которыми я сталкивался всякий раз, когда шел по пути. Мы начнем демонстрационный проект под названием tnsvuefirebasestarter. Если вы хотите увидеть исходный код готового проекта, он доступен здесь: groksrc / tnsvuefirebasestarter GitHub - это..

Простой способ выполнить разделение кода в миксе Laravel!

Наконец, после нескольких часов напряженной работы и исследований мне удалось успешно выполнить разделение кода в моем приложении Laravel+Vuejs. Это моя первая статья среднего размера, и я пишу ее, потому что нашел очень мало информации о разделении кода в Laravel Mix, а статьи, которые я нашел, были не такими простыми и в них не хватало некоторых моментов. Итак, я подумал, что было бы неплохо начать работу с Medium по этой теме. Давайте перейдем непосредственно к статье. Я..

Vue Lazy Routes и загрузка чанка не удалась

Ленивая загрузка маршрутов - популярный метод ускорения загрузки страницы за счет разделения файла сборки на множество фрагментов и загрузки его по запросу. Функция асинхронных компонентов Vue и функция разделения кода в webpack упростили отложенную загрузку компонентов маршрута. Чтобы узнать больше об этой реализации, вы можете проверить мою предыдущую статью об этом здесь Все выглядело отлично, пока я не столкнулся с одной конкретной проблемой, которая периодически возникала..

Vue, Google Maps и автозаполнение

Около 6 месяцев назад мне понадобились Google Карты в моем приложении Vue, и я не мог найти подходящий пакет; так что я сделал свой ( x5-gmaps ). Пользователи часто спрашивают, как включить адресный поиск, поэтому вот простое руководство по этому поводу. Результат: Репозиторий (код) ОБНОВЛЕНО: это реализация последней версии: https://codesandbox.io/s/search-implementation-b53zt Настраивать Очень простая настройка с использованием Vue CLI и предустановок по умолчанию..