Описание тега vue-composition-api

Набор аддитивных API-интерфейсов на основе функций для VueJS, которые позволяют гибко комбинировать логику компонентов.
1 ответ

Vuejs 3 API документация

Я заинтересован в том, чтобы глубже заглянуть в vuejs3 еще до его выпуска. Есть ли где-нибудь документация (WiP) API? Как этот: https://vuejs.org/v2/api/ Все, что я мог найти, было некоторыми статьями и полуофициальными публикациями. Пробовал этот р…
3 ответа

Недействительный источник просмотра: "$route" vuejs

У меня есть компонент Vue, который раньше работал с наблюдателем на $route.Поскольку я сделал несколько обновлений, он больше не работает, и я получаю сообщение: [Предупреждение Vue]: недопустимый источник наблюдения: "$route". Источником наблюдения…
24 авг '20 в 15:57
2 ответа

Как проверить форму с помощью ref в Vue Composition API

С Options API, Я проверил свою форму следующим образом: шаблон: <v-form ref="form" v-model="valid" lazy-validation @submit.prevent> ... сценарий: methods: { validate() { this.$refs.form.validate(); ... } } Теперь с новым Co…
06 авг '20 в 03:37
2 ответа

API композиции Vue 3 и доступ к экземпляру Vue

В main.js У меня примерно так: import { myUtilFunc} from './helpers'; Object.defineProperty(Vue.prototype, '$myUtilFunc', { value: myUtilFunc }); Таким образом у меня есть доступ к myUtilFunc во всем приложении с this.$myUtilFunc Но как я могу добит…
1 ответ

v-модель обновляется в коде, но не на экране с помощью Vuetify.js

У меня проблема:у меня 4 поля вdata объект: contact_id, contact_child_id, address_id, address. когда contact_id ИЛИ contact_child_id ИЛИ address_id изменены, address обновлено. Проблема, если яconsole.log(data.address), он обновляется, но отображаем…
2 ответа

Ошибка Vue Watch TypeScript TS2769: этому вызову не соответствует ни одна перегрузка

Рассмотрим следующий код: export default defineComponent({ setup() { const miniState = ref(true) const setMiniState = (state: boolean, screenWidth: number) => { if (screenWidth > 1023) { miniState.value = false } else if (state !== void 0) { m…
1 ответ

Vue 3 Composition API Provide/Inject не работает в однофайловых компонентах

Я делаю библиотеку на VueJS 3, используя Composition API. Я реализовал Provide/Inject, как указано в документации. Но свойство дочернего компонента по-прежнему не определено, и в консоли браузера появляется следующая ошибка: Вот очень простая реализ…
1 ответ

Как правильно использовать интерфейс на буквальном объекте

Я немного борюсь с машинописным текстом. Предположим, у вас есть буквальный объект, значение которого присваивается оператором распространения: const defaultState = () => { return { profile: { id: '', displayName: '', givenName: '', surName: '', …
1 ответ

Создание автозаполнения vuetify с помощью API композиции и удаленного API?

Проблема в следующем: Как вам удается выполнить вызов API, используя автозаполнение Vuetify и новый API композиции?
10 июн '20 в 01:17
5 ответов

Как получить доступ к корневому контексту из функции композиции в Vue Composition API / Vue 3.0 + TypeScript?

Я хочу создать многоразовую функцию-оболочку, написанную на TypeScript, для запуска всплывающего уведомления с помощью функции композиции, как определено в текущей спецификации Vue 3.0: Composition API RFC. В этом примере используется компонент тост…
2 ответа

полностью ли совместима api композиции vuejs2.x с машинописным текстом?

Недавно я перевел наш проект vue.js2.x на машинописный текст и на основе комментария evan-you в этом выпуске: https://github.com/vuejs/rfcs/pull/17 Предложение Class API отклоняется. поэтому я использую обычную версию vue.js, основанную на опциях, к…
2 ответа

Как объединить состояния из двух композиционных функций?

Как объединить состояния из двух композиционных функций? Я читал документы и не нашел примеров? function useFeature1() { let state = reactive({ todo: '', todolist: [], }) return { state } } function useFeature2() { let state = reactive({ items: [] }…
07 фев '20 в 17:39
2 ответа

@vue-композиция / Как я могу использовать асинхронные методы в setup()

<script lang="ts"> import { createComponent } from "@vue/composition-api"; import { SplashPage } from "../../lib/vue-viewmodels"; export default createComponent({ async setup(props, context) { await SplashPage.init(2000, context.root.$router, …
1 ответ

Есть ли способ получить доступ к реактивным свойствам с помощью Vuex и Composition API?

Если я спроектирую свой компонент так: <template> <div> <button @click="increment">Count is: {{ store.getters.count }}</button> </div> </template> <script> import { reactive } from "@vue/composition-api"; im…
0 ответов

Почему часы не запускаются, когда я использую Promise?

Я использую @vue/composition-apiи usePromise из vue-composable. Я наблюдаю за вычисленным значением, возвращаемым из обещания. Обещание разрешается через 12000 мс. Впервые computed а также watchвызываются, но через 12000 мс ни один из них не вызывае…
23 мар '20 в 18:02
0 ответов

Реактивно в Vue Composition API

Как правильно изменить значение реактивного объекта? В ref вы устанавливаете равным значению. Как это сделать с реактивным и поддерживать реактивность? setup() { const page = reactive({ title: "Hello, World!", categories: [], }); onMounted(() => …
17 апр '20 в 01:58
0 ответов

Как решить вычисленное свойство было назначено, но у него нет сеттера в композиции vue api?

Я получаю значение ящика из своего состояния, используя композицию vue api: import { useState, useStore } from '@u3u/vue-hooks'; setup() { const { drawer } = useState('app', ['drawer']); return { drawer }; } и в моем компоненте я передаю переменную …
02 май '20 в 11:28
4 ответа

Vue 3 Composition API - Как получить компонентный элемент ($ el), на котором установлен компонент

Я хочу использовать onMountedдля запуска сторонней библиотеки. Для этого мне нужен компонентный элемент в качестве контекста. В Vue 2 я бы получил это сthis.$el но не знаю, как это сделать с помощью функций композиции. setup имеет два аргумента, и н…
04 май '20 в 22:30
1 ответ

Функция не распознается новым API Vue Composition

Мы пытаемся преобразовать простой SFC для использования нового Vue CompositionAPI. Этот код работает безупречно: export default { data() { return { miniState: true } }, methods: { setMiniState(state) { if (this.$q.screen.width > 1023) { this.mini…
1 ответ

Как использовать активированный и деактивированный в API композиции vue?

Как пользоваться activated а также deactivated сохранить живые события в api композиции vue? Я не могу найти никаких ссылок в документации
10 май '20 в 07:18