Публикации по теме '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 просмотров
schedule
28.01.2023
Почему слово API используется в Composition API в Vue 3?
Я читал о новом Composition API , который вот-вот будет представлен в Vue 3, который должен быть выпущен в этом году.
Изучая и исследуя эту тему, я не понимаю, почему используется слово «API». Насколько мне известно, API используется для отправки...
50 просмотров
schedule
11.09.2022
Как правильно сбросить реактивные значения Vue Composition Api
Мне интересно, как мне сбросить реактивность в настройке vuejs? (я знаю, если изменить его на ref и использовать view.value, чтобы решить эту проблему, но должен быть ответ на это для использования реактивного)
2673 просмотров
schedule
22.06.2022
Почему в Vue.js 3 мне нужно использовать свойство value для ref, но не для reactive?
По сути, название уже говорит само за себя: почему в Vue.js 3 мне нужно использовать свойство value на ref , но не на reactive ?
Я понимаю, что ref предназначен для простых значений, таких как логические, числа,…, и что reactive предназначен...
277 просмотров
schedule
18.05.2024
Vue.js 3 Автобус событий
Как создать шину событий в Vue 3?
В Vue 2 это было:
export const bus = new Vue();
bus.$on(...)
bus.$emit(...)
В Vue 3 Vue больше не является конструктором, а Vue.createApp({}); возвращает объект, у которого нет методов $on и...
15927 просмотров
schedule
08.05.2023
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 просмотров
schedule
16.03.2023
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 просмотров
schedule
29.06.2023
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 просмотров
schedule
14.09.2022
Vue не реагирует на изменение вычисленных свойств
Я использую API композиции Vue в одном из моих компонентов, и у меня возникли проблемы с получением компонента, отображающего правильное отображаемое значение из вычисленного изменения свойства. Кажется, что если я загружаю опору непосредственно в...
38 просмотров
schedule
19.03.2023
Как бы вы написали это с помощью API композиции?
computed: {
userName() {
// (4) Display authenticated user name
const user = this.$gapi.getUserData()
return user.accessToken
},
},
Это код, который я пытаюсь преобразовать в API композиции Vue3. По сути, я...
24 просмотров
schedule
13.05.2023