Публикации по теме 'vue-composition-api'
Vue 3: доступ к данным дочерних компонентов из родительских компонентов?
Я объясню различия в совместном использовании данных между API-интерфейсом option и API-интерфейсом композиции. Также продемонстрирую потенциальные способы использования API-интерфейса композиции для обмена данными от дочернего компонента к родительскому компоненту, например испускание и предоставление.
Если вы создаете дочерний компонент с помощью API композиции , свойства и методы этого компонента будут закрытыми. Вы не сможете получить доступ к частным свойствам и методам извне этого..
Компонуемый API Vue: useDocumentVisible
В этой статье я покажу вам процесс создания пользовательского составного хука Vue, который можно использовать в любом приложении или компоненте.
Я продемонстрирую это, создав компонуемый элемент с именем useDocumentVisible , который дает нам повторно используемый хук для отслеживания того, отображается ли текущая вкладка или документ во всех наших компонентах и приложениях.
Используя этот подход, вы можете создавать свои собственные компонуемые объекты Vue. Давай начнем.
В Vue3..
Вопросы по теме 'vue-composition-api'
Документация по API Vuejs 3
Я заинтересован в более глубоком изучении Vue.js v3 еще до его выпуска. Есть ли где-нибудь документация по API (WIP)? Как этот:
https://vuejs.org/v2/api/
Все, что я смог найти, это несколько статей и полуофициальных публикаций. Пробовал...
1667 просмотров
schedule
13.01.2024
Как предоставить / внедрить в корневой экземпляр Vue с помощью nuxt и @ vue /position-api?
Я пытаюсь использовать @vue / apollo-composable с моим приложением Nuxt-Ts. Это пример того, как его следует внедрить в корневой экземпляр в обычном приложении Vue:
import { provide } from '@vue/composition-api'
import { DefaultApolloClient }...
5081 просмотров
schedule
24.07.2022
API композиции Vue 3, как получить родительское свойство контекста в функции setup ()?
У меня проблема с Vue 3 (альфа 4):
Внутри функции setup() я пытаюсь прочитать родительский компонент. Согласно документации по https://vue-composition-api-rfc.netlify.com/api.html#setup он должен предоставлять родительский элемент через...
5023 просмотров
schedule
13.09.2022
Ошибка Vue Watch TypeScript TS2769: этому вызову не соответствует ни одна перегрузка
Рассмотрим следующий код:
export default defineComponent({
setup() {
const miniState = ref(true)
const setMiniState = (state: boolean, screenWidth: number) => {
if (screenWidth > 1023) {
miniState.value = false...
1631 просмотров
schedule
17.02.2023
Api композиции Vue не обновляет привязанное значение к текстовому полю
Я обновляю атрибут объекта после инициализации.
Мой упрощенный компонент выглядит так:
<template lang="pug">
div
v-text-field(v-model="object.name")
v-text-field(v-model="object.vpnPort")
</template>
<script>
import...
2893 просмотров
schedule
24.04.2023
как решить [vue-hooks] Не найден экземпляр vue в vue?
Я пытаюсь запустить этот код в codeandbox.io , но я получил ошибку - это происходит, когда я нажимаю на ссылки:
[Предупреждение Vue]: Ошибка в данных(): ReferenceError: [vue-hooks] Не найдено
вью экземпляр. ReferenceError: [vue-hooks] Не...
253 просмотров
schedule
22.05.2022
Почему это не определено в функции настройки Vue Composition API?
У меня есть компонент Vue, использующий API композиции v3:
<template>
<input type="checkbox" v-model="playing" id="playing" @input="$emit('play', $event.target.value)" />
<label...
1767 просмотров
schedule
13.08.2022
Как я могу связать данные / методы в Vue с помощью Composition API с помощью функции рендеринга?
Есть ли способ связать (и раскрыть в самом компоненте) данные / методы с помощью Composition API при использовании функции рендеринга (а не шаблона) в Vue.js?
(Раньше в API параметров, если вы использовали метод render в конфигурации параметров,...
305 просмотров
schedule
05.05.2024
Как правильно использовать интерфейс для буквального объекта
Я немного борюсь с машинописью. Предположим, у вас есть литеральный объект, значение которого присваивается оператором распространения:
const defaultState = () => {
return {
profile: {
id: '',
displayName: '',
givenName:...
84 просмотров
schedule
11.11.2023
Реактивные свойства Vue Composition не обновляются в компонентах
Я создаю систему уведомлений, и она вроде как работает, но вроде нет. У меня есть следующая функция композиции
const data = reactive({
notifications: []
});
let notificationKey = 0;
export const useNotification = () => {
const...
1158 просмотров
schedule
12.12.2022
В композиции vue api следует использовать ref внутри реактивного?
Должен ли я использовать ref или нет в reactive в композиции vue api? это то же самое? реактивный делает то, что ref?
const state = reactive({
loading: ref(true)
});
or
const state = reactive({
loading: true
});
260 просмотров
schedule
07.09.2022
Реквизиты Vue3 TypeScript с несколькими типами
В качестве упражнения я пытаюсь определить Реализация FontAwesome Vue на TypeScript. Они позволяют опоре icon иметь разные типы:
icon: {
type: [Object, Array, String],
required: true
},
Я попытался добавить к нему проверку, но...
1452 просмотров
schedule
13.02.2024
Проверка VeeValidate 4 без кнопки отправки
Я пытаюсь осмыслить VeeValidate 4, но он сильно отличается от предыдущей версии, поэтому я сталкиваюсь с множеством вопросительных знаков и препятствий. Я работаю с приложением Vue 3, используя API композиции, с несколькими формами в разных...
673 просмотров
schedule
01.05.2023
Реактивные данные в api композиции vue не отображаются в шаблоне
Надеюсь, я найду ответ, почему это не работает. Я пытаюсь получить данные из API и отобразить их в шаблоне vue. Вот мой код (вкратце).
<template>
<div v-for="song in songs" :key="song.id"...
612 просмотров
schedule
16.05.2023
Как использовать компонент класса vue с api композиции в Vue2 с помощью машинописного текста
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
import { CustomerContext, getCustomerRepository } from '@/composables/customerRepository'
@Component
export default class CustomerList extends Vue {
search...
3782 просмотров
schedule
13.05.2022
Экспорт реактивного свойства напрямую по сравнению с переносом toRef
Я создаю свой магазин Vue 2, используя новый API композиции ( https://github.com/vuejs/composition-api ). Я хотел бы показать подмножество своего состояния.
Каков правильный подход к поддержанию реактивности со ссылкой на свойство источника?...
47 просмотров
schedule
21.05.2023
Api композиции Vue - передать переменную в параметр data () моего компонента?
Если я установил переменную в настройке
setup(props, context) {
let name = "Tommy";
}
Можно ли установить это так, чтобы его можно было использовать в компоненте?
data() {
return {
myName: name
}...
552 просмотров
schedule
03.07.2022
Vue 3 - inject () можно использовать только внутри настройки или функциональных компонентов
Я не могу понять, почему я получаю эту ошибку. Я пытаюсь использовать хранилище Vuex в функции композиции, но он продолжает выдавать мне эту ошибку о инъекции (я даже не использую инъекцию). Мое приложение выполняет вызов await api на бэкэнд, и в...
3217 просмотров
schedule
21.02.2022
Vue3 Composition API PerfectScrollbar Plugin не указан элемент для инициализации
Я пытаюсь создать плагин Perfect Scrollbar для Vue3, но у меня возникла ошибка когда я инициализирую объект:
Ошибка: не указан элемент для инициализации PerfectScrollbar
Компонент полосы прокрутки:
import PerfectScrollbar from...
103 просмотров
schedule
07.04.2023
Наблюдайте за дочерними свойствами родительского компонента в vue 3
Мне интересно, как я могу наблюдать дочерние свойства из родительского компонента в Vue 3, используя api композиции (я работаю с экспериментальным настройка скрипта ).
<template>//Child.vue
<button
@click="count++"...
392 просмотров
schedule
10.04.2022
