Публикации по теме 'vue'
Как использовать реквизиты в Vue.js
09 августа 2022 г., Первоначально опубликовано на techvblogs.com ・4 мин чтения
Vue.js довольно удивителен своим приложением и структурой компонентов. Он также предлагает некоторые удивительные возможности.
В этой статье мы рассмотрим, как мы можем использовать и реализовывать реквизиты в Vue.js.
Что такое реквизиты в Vue.js?
Проще говоря, props — это аббревиатура свойств. Реквизиты очень важны, когда мы хотим передать данные от родительских компонентов к другим дочерним..
vue: псевдо-мапгеттеры
При использовании Vue.observable вместо этого:
import $s, { isValueValid } from './store';
export default {
computed: {
$s(){ return $s; },
isValueValid(){ return isValueValid() },
}
}
мы можем написать это:
import $s, { isValueValid } from './store';
export default {
computed: {
... { isValueValid, $s: () => $s },
}
}
а затем используйте его в vue-template: <template>
<div>
<div>{{ $s.value }}</span>
<WarnComponent..
Создание тегов с помощью vue-multiselect и тегов Laravel
Теги - важная часть группировки информации в Интернете. На Medium вы помечаете свои сообщения категориями. В Facebook вы отмечаете свои фотографии. В Gmail вы можете пометить свои сообщения ярлыками. На GitHub вы можете добавлять теги в свои репозитории. В этом руководстве мы рассмотрим, как я использовал готовые пакеты Laravel и Vue.js для создания системы тегов для кандидатов на Employbl.com .
Если вы еще этого не сделали, не стесняйтесь протестировать эту функцию, подав..
Vue Props vs Data или и то, и другое!
Один из камней преткновения, с которым я столкнулся при изучении Vue, заключался в том, чтобы решить, хранить ли информацию как свойство или элемент данных при создании компонента. Я читал, что вы должны использовать реквизит, если вам нужно передать информацию от родительского компонента к дочернему компоненту. И что вы должны использовать член данных для информации, которую компонент использует внутри. Но я быстро обнаружил, что у меня есть информация, подходящая для обоих вариантов..
Устранение дребезга в Vue с помощью TypeScript
Устранение дребезга — это метод программирования, используемый для ограничения скорости вызова функции или события.
Иногда мы не хотим, чтобы функция вызывалась каждый раз, когда происходит ввод данных пользователем (например, предложения в окне поиска, установка/снятие флажков с несколькими флажками, которые обновляют список).
Допустим, у нас есть окно поиска, которое вызывает API и дает нам предложения на основе того, что мы набираем. Проблема с этим сценарием заключается в том, что..
Шаблоны взаимодействия компонентов Vue.js (без Vuex) — Часть 4
Шаблон $attrs
В Части 3 мы реализовали механизм широковещания, чтобы упростить взаимодействие между компонентами в иерархии глубоких уровней. В этой и следующей части давайте рассмотрим еще один набор сверхмощных паттернов.
Шаблон $attrs
Как и в предыдущих примерах, у нас есть четыре вложенных компонента, образующих дерево:
Допустим, у App есть список десертов, и все, что ему сейчас нужно сделать, это передать три реквизита Parent :
Теперь сценарий такой:..
Как рисовать хлебные крошки на карте Google с помощью Vuejs
Примечание. Этот блог создан на основе библиотек vuejs2 и vue2-google-maps. Для понимания статьи необходимы предварительные знания об установке googlemap API, создании учетной записи, серийном ключе API и т. д. Кроме того, в этом разделе не рассматривается настройка npm и установка vuejs. Ниже приведены основные особенности контента:
Установка пакетов npm и вспомогательных библиотек Создание хлебных крошек Создание многоцветных хлебных крошек с опциями
1. Установка..