Are you sure you want to delete this task? Once this task is deleted, it cannot be recovered.
Tanner Linsley 7e2c9ab4be | 3 days ago | |
---|---|---|
.. | ||
media | 1 year ago | |
src | 3 days ago | |
.eslintrc.cjs | 3 months ago | |
README.md | 2 months ago | |
package.json | 3 days ago | |
test-setup.ts | 8 months ago | |
tsconfig.json | 2 months ago | |
tsup.config.js | 9 months ago | |
vite.config.ts | 2 months ago |
Hooks for fetching, caching and updating asynchronous data in Vue.
Support for Vue 2.x via vue-demi
Visit https://tanstack.com/query/latest/docs/vue/overview
Install vue-query
$ npm i @tanstack/vue-query
# or
$ pnpm add @tanstack/vue-query
# or
$ yarn add @tanstack/vue-query
# or
$ bun add @tanstack/vue-query
If you are using Vue 2.6, make sure to also setup @vue/composition-api
Initialize Vue Query via VueQueryPlugin
import { createApp } from 'vue'
import { VueQueryPlugin } from '@tanstack/vue-query'
import App from './App.vue'
createApp(App).use(VueQueryPlugin).mount('#app')
Use query
import { defineComponent } from 'vue'
import { useQuery } from '@tanstack/vue-query'
export default defineComponent({
name: 'MyComponent',
setup() {
const query = useQuery({ queryKey: ['todos'], queryFn: getTodos })
return {
query,
}
},
})
If you need to update options on your query dynamically, make sure to pass them as reactive variables
const id = ref(1)
const enabled = ref(false)
const query = useQuery({
queryKey: ['todos', id],
queryFn: () => getTodos(id),
enabled,
})
No Description
TSX TypeScript JavaScript XML Markdown other
Dear OpenI User
Thank you for your continuous support to the Openl Qizhi Community AI Collaboration Platform. In order to protect your usage rights and ensure network security, we updated the Openl Qizhi Community AI Collaboration Platform Usage Agreement in January 2024. The updated agreement specifies that users are prohibited from using intranet penetration tools. After you click "Agree and continue", you can continue to use our services. Thank you for your cooperation and understanding.
For more agreement content, please refer to the《Openl Qizhi Community AI Collaboration Platform Usage Agreement》