Публикации по теме 'vuex'
VueJS - Советы и лучшие практики
VueJS - Советы и лучшие практики
Я уже некоторое время занимаюсь Vue.
Попутно я наткнулся на много уроков, много неудач и много моментов ура .
В результате я хотел бы поделиться с вами своими советами, советами и лучшими практиками, если вы находитесь в момент создания нового приложения Vue. Что вам следует делать, чего следует избегать, и вообще просто старый добрый совет 😉
Впервые на Vue?
Если вы новичок в Vue, эта статья, скорее всего, не принесет вам особой пользы, так..
Вы определенно не один такой ☺
Вы определенно не один такой ☺
Я рад, что вы открыли для себя радость работы с Vue.
Отсутствие стандартного кода для простейших вещей просто бесценно.
Также я понял, что забыл упомянуть еще одну замечательную вещь о Vue, а именно потрясающие инструменты разработчика Vue в вашем браузере. Это просто делает отладку чистой радостью, особенно когда вы также используете Vuex.
Привет из Боснии: D
Публикуйте такие компоненты vue.
Прежде всего, большое спасибо тем, кто разрабатывает и публикует компоненты vue. Вы делаете работу для нас очень простой и легкой. Большинство компонентов находятся на расстоянии npm install .
Однако я хотел бы обратить ваше внимание на один небольшой аспект экспорта компонентов. Давайте посмотрим, как мы обычно предоставляем компоненты для публикации. Предполагая, что у нас есть hello world component
Давайте представим это внешнему миру, чтобы мы могли опубликовать в npm..
Шаблон для обработки запросов ajax в Vuex
После частого использования Redux и Vuex я начинаю замечать появление некоторых закономерностей. Вот один, который я заметил в своих приложениях Vuex, и как я извлек его в несколько служебных функций. Ниже приводится действие, которое я пишу слишком часто:
const actions = {
fetchApiData (store) {
// sets `state.loading` to true. Show a spinner or something.
store.commit('API_DATA_PENDING')
return axios.get('someExternalService')
.then(response => {..
Управление состоянием с помощью Vue / Vuex
В разделе Искусство I повторно используемых компонентов Vue / Vuetify мы сделали компонент многократного использования, используя свойства Vue. Как только приложение становится более сложным, передача реквизита и отправка обратно родителям, бабушкам и дедушкам может быстро стать трудной для обслуживания. Vuex - это способ управления состоянием в вашем приложении Vue, поэтому давайте рассмотрим интеграцию Vuex в наш простой компонент.
Добавить Vuex в проект
[nick_pate@linux..
Управление состоянием вашего приложения Vue.js с помощью Vuex - Часть 3
В предыдущих статьях я познакомил вас с Vuex , а затем показал, как структурировать свой магазин на небольшие модули . Все это подводит нас к последней статье: как проверить работоспособность вашего магазина.
Сегодня вы узнаете, как скрыть свои мутации, геттеры и действия с помощью модульных тестов; используя выбранную нами среду тестирования: Jest .
Зачем мне тестировать свой магазин?
Ваш магазин Vuex, скорее всего, будет включать в себя сложную бизнес-логику; поэтому крайне..
Дымоход. Еще одна библиотека потоков
На этот раз для Vue.js
Все мы знаем, что фреймворки и библиотеки помогают разрабатывать масштабируемые веб-приложения. С React паттерн Flux стал широко использоваться для предсказуемого и удобного поддержания состояния.
Мы видели тонны реализации Flux, самая известная из них - Redux. Его можно использовать с Vue, но состояние не является реактивным по дизайну, поэтому мы потеряли огромную часть преимуществ Vue. Собственная библиотека управления состоянием - Vuex, разработанная..