Публикации по теме 'vuejs'
Связанный компонент без рендеринга
Я прочитал интересную статью об использовании компонентов без рендеринга в VueJ, написанную Маркусом Оберленером. Компонент без рендеринга не отображает ни HTML, ни шаблон сам по себе, а предоставляет данные другим компонентам через слот с заданной областью . В своей статье Маркус показывает, как создать компонент без рендеринга, который обрабатывает операции CRUD. Результатом является многократно используемый компонент, который предоставляет данные и методы CRUD внутренним компонентам...
включает () и indexOf ()
Метод includes () проверяет, включает ли массив переданный элемент или нет. Если массив содержит этот элемент, он вернет true, иначе он вернет false.
Метод indexOf () проверяет, включает ли массив переданный элемент или нет. Но разница в том, что метод indexOf () возвращает позицию, он возвращает -1, если элемент не найден.
Проделаем определенную операцию с обоими методами.
Включает ()
const array = [5,11, 6, 2, 13, 7, 9, 25, 88]
if (array.includes(2)) {
console.log(`array..
Ленивая загрузка изображений современного формата с помощью Vue и Nuxt
Одной из распространенных оптимизаций для вашего веб-сайта, которая оказывает огромное влияние на скорость вашего сайта, является формат и размер загружаемых вами графических ресурсов.
Показ ваших изображений в современных форматах, таких как WebP и JPEG2000, и отсрочка загрузки до тех пор, пока ваш посетитель не достигнет определенного раздела, даст вам существенное увеличение скорости. Это также отразится на вашей оценке Google Page Speed Insights.
Пользователи с ограниченной..
Внедрение зависимостей с помощью Vue.js
Внедрение зависимостей с помощью Vue.js
Как внедрение зависимостей может упростить вам жизнь при работе с приложением Vue.js?
Внедрение зависимостей часто ассоциируется с крупными корпоративными приложениями и сложными фреймворками. Однако на самом деле это намного проще, чем кажется. Фактически, если вы используете Vue.js, вы, вероятно, уже используете инъекцию зависимостей.
Начнем с примера. Вот простой файл main.js :
import Vue from 'vue'
import i18n from './i18n'
import..
Как загрузить файл в Vue.js
В этом руководстве вы узнаете, как обрабатывать и загружать файл в Vue.js, используя поле ввода формы.
Давайте создадим поле формы, которое будет принимать файлы изображений и отправлять POST-запрос на внутренний сервер.
HTML
<button class="btn btn-info" @click="onPickFile">Upload profile picture</button>
<input
type="file"
style="display: none"
ref="fileInput"
accept="image/*"
@change="onFilePicked"/>
Мы замаскировали наше поле ввода, чтобы..
Создайте 2048 с нуля, используя Vue.js (часть 1)
2048 - популярная однопользовательская игра. В игре используется сетка 4 на 4 для плиток . Каждая плитка может быть пустой или содержать карточку со значением. Как игрок, вы можете перемещаться влево , вправо , вверх и вниз . Когда карты объединяются, номера на картах также меняются. Цель состоит в том, чтобы число на карте было как можно большим. Игра заканчивается, когда все плитки заполнены и не остается следующих ходов.
Вы можете найти демо-проект здесь , а..
5 курсов Vue.js, благодаря которым вы станете полноценным разработчиком по выходным
в эти выходные на этот раз, чтобы осуществить свои мечты, если вам нужно стать разработчиком Vuejs на полную ставку, это список курсов мастерской Vuejs, которые помогут вам продолжать приближаться к вашей цели.
1.Vue JS 2.0 — освоение веб-приложений
Создавайте приложения VueJS 2.0, которые вы всегда хотели. Создайте 5 приложений, изучите секреты разработки, VueRouter, Vuex и многое другое! 4.4 (1 433 оценки)||57 208 студентов ||69 лекций||4 часа
Этот курс, основанный на..
