Публикации по теме 'vue-composition-api'


Создайте свои собственные пользовательские хуки Vue: useElementSize
В этой статье я покажу вам процесс создания пользовательского составного хука Vue, который можно использовать в любом приложении или компоненте. Я продемонстрирую это, создав хук с именем useElementSize , который предоставляет реактивные width и height элементов, которые будут обновляться при изменении размеров элемента. Используя этот подход, вы можете создавать собственные компонуемые объекты Vue. Прежде чем перейти к составному API, просмотрите приведенный ниже код, чтобы..

Вопросы по теме 'vue-composition-api'

Как выполнить модульное тестирование с помощью jest в компоненте api композиции vue?
Я пишу модульный тест с помощью jest для моего компонента API композиции в vue.js. Но я не могу получить доступ к функциям в настройке API композиции (). Indicator.vue <template> <div class="d-flex flex-column...
3834 просмотров

Почему слово API используется в Composition API в Vue 3?
Я читал о новом Composition API , который вот-вот будет представлен в Vue 3, который должен быть выпущен в этом году. Изучая и исследуя эту тему, я не понимаю, почему используется слово «API». Насколько мне известно, API используется для отправки...
50 просмотров
schedule 11.09.2022

Как правильно сбросить реактивные значения Vue Composition Api
Мне интересно, как мне сбросить реактивность в настройке vuejs? (я знаю, если изменить его на ref и использовать view.value, чтобы решить эту проблему, но должен быть ответ на это для использования реактивного)
2673 просмотров

Почему в Vue.js 3 мне нужно использовать свойство value для ref, но не для reactive?
По сути, название уже говорит само за себя: почему в Vue.js 3 мне нужно использовать свойство value на ref , но не на reactive ? Я понимаю, что ref предназначен для простых значений, таких как логические, числа,…, и что reactive предназначен...
277 просмотров

Vue.js 3 Автобус событий
Как создать шину событий в Vue 3? В Vue 2 это было: export const bus = new Vue(); bus.$on(...) bus.$emit(...) В Vue 3 Vue больше не является конструктором, а Vue.createApp({}); возвращает объект, у которого нет методов $on и...
15927 просмотров

API композиции Vue не реагирует внутри v-for?
Я использую Vue 2 и Vuetify (не Vue 3) для создания веб-сайта конструктора форм. У меня все шло отлично, пока я не обнаружил, что что-то не так. Так вот дело. Я визуализировал текстовые поля (входы) из реактивного массива, используя следующий код....
972 просмотров
schedule 15.03.2023

Как подключить изменяемый объект к неизменяемому объекту reacitve?
У нас есть составная функция useApplicationPreferences() , используемая в Vue 2 с Composition API. Эта функция предоставляет вычисленный не записываемый ref с именем darkMode : //useApplicationPreferences.ts import { reactive, computed } from...
53 просмотров

Vue Composition API: определение излучений
Когда определяет пользовательские события , Vue рекомендует нам определять генерировать события в компоненте с помощью параметра emits : app.component('custom-form', { emits: ['inFocus', 'submit'] }) При использовании API композиции Vue 3,...
5707 просмотров
schedule 06.02.2023

Вычислено не реактивно?
Я написал этот код, чтобы получить список навыков. Если у пользователя уже есть определенный навык, элемент списка должен быть обновлен до active = false . Это мой исходный код: setup () { const user = ref ({ id: null,...
86 просмотров
schedule 21.04.2022

Как использовать данные состояния Vuex 4 внутри компонента Vue 3 в качестве полезной нагрузки для другой отправки?
Я использую Vue 3 Composition API и хук useStore из Vuex 4 Вот как я получаю данные (идентификаторы) из магазина vuex внутри setup () setup () { const store = useStore() const allIds = computed(() =>...
708 просмотров

Vue3 Composition API рефакторинг вычисленное избранное
Я новичок в API композиции с vue3. Я создал это вычисляемое свойство, и я хотел бы иметь эту вычисляемую переменную в другом файле, я не уверен, должен ли я создавать новый компонент или я могу получить его из файла js. Вот как работает компонент (я...
50 просмотров
schedule 31.05.2023

VUE-COMPOSITION-API: почему ref не реагирует на contenteditable
После того, как я вставил изображение в contenteditable , я заметил, что ref() не может догнать вставленное изображение в текст. Перейдите по ссылке: https://codesandbox.io/s/zealous-ardinghelli-b05ph Поместите курсор в текст Нажмите...
39 просмотров
schedule 30.04.2022

Как получить несколько действий и состояний с модулями с пространством имен Vuex и Vue Composition API?
С помощью Vue Options API я получаю свои действия и состояние, выполняя: computed: { ...mapState("myStore", ["myState", "myOtherState"]), }, methods: { ...mapActions("myStore",...
42 просмотров

Vue не реагирует на изменение вычисленных свойств
Я использую API композиции Vue в одном из моих компонентов, и у меня возникли проблемы с получением компонента, отображающего правильное отображаемое значение из вычисленного изменения свойства. Кажется, что если я загружаю опору непосредственно в...
38 просмотров

Как бы вы написали это с помощью API композиции?
computed: { userName() { // (4) Display authenticated user name const user = this.$gapi.getUserData() return user.accessToken }, }, Это код, который я пытаюсь преобразовать в API композиции Vue3. По сути, я...
24 просмотров