Глубина реактивности
Одна из самых отличительных особенностей Vue - ненавязчивая система реактивности. Модели - это простые объекты JavaScript, но когда вы их изменяете, представление обновляется. Он делает управление состоянием простым и интуитивно понятным, но также важно понимать, как оно работает, чтобы избежать некоторых распространенных ошибок.
-vuejs.org
При использовании вычисляемых свойств get / set мы всегда ожидаем предоставить функцию set для принятия нового добавленного объекта на основе пользователя.
Но ЗНАЛИ ли вы?
Вычисленные свойства get / set работают, даже если нет функции set?
НЕТ, это не работает !! Будет выдана ошибка ОШИБКА: вычисленное свойство «пользователи» было назначено, но у него нет установщика.
Как это будет работать:
(Примечание: вы можете сделать это на любой игровой площадке javascript, но в этом примере используется jsfiddle)
HTML:
1. Импортируйте скрипты.
‹Скрипт src =” https://unpkg.com/vue ›‹/script›
‹Скрипт src =” https://unpkg.com/vuex ›‹/script›
‹Скрипт src =” https://unpkg.com/axios/dist/axios.min.js ›‹/script›
2. Создайте div и назначьте идентификатор приложению.
JS:
- Создайте новый экземпляр Vue и назначьте его приложению.
2. Создайте магазин из экземпляра Vuex.
- Неопределенное хранилище в инструкции 1 теперь разрешено.
- Определите пользователей как массив в состоянии.
- Назначьте пользователей состояния получателям.
- В действиях создайте функцию getUser для запроса списка пользователей.
- Действия совершают мутации.
3. Добавьте компонент, используя экземпляр Vue (убедитесь, что имя из html и имя компонента совпадают).
Теперь ваш HTML и JS готов, вы можете попробовать добавить новое имя, нажав кнопку «плюс» (+).
Он отобразит простой ввод и просто введите имя.
Вы увидите, что новое имя добавлено в список пользователей без каких-либо предупреждений / ошибок.
Пример: https://jsfiddle.net/Ethan0007/5bLcu9ja/
Как отслеживаются изменения: https://vuejs.org/v2/guide/reactivity.html
Ищете работу? Зарегистрируйтесь на @ jobbhy и будьте в курсе!
https://jobbhy.com
Хотите разместить вакансию в качестве работодателя? Свяжитесь с нами и станьте одним из нас!
https://www.jobbhy.com/#/contactus
Twitter: https://twitter.com/_EthanHunt07
LinkedIn: https://www.linkedin.com/feed/update/urn:li:activity:6556857396478734336
Facebook: https://www.facebook.com/groups/vuejsdevelopers/permalink/690896881322331/
Axios Refresh Token ( простой и понятный перехватчик запросов.)
https://www.npmjs.com/package/axios-jwtoken-refresher
Стартовый комплект ASP.NET Core и VueJS https://github.com/Ethan0007/aspnetcore-vue-starterkit
Ищу асинхронную модульную микросхему Reser https://github.com/rhaldkhein/reser
автор: RhaldKhein https://github.com/rhaldkhein/
