pinia组合式写法
时间: 2023-11-16 11:47:34 浏览: 66
在pinia中的组合式写法是通过使用`useStore`函数来获取store实例,然后可以直接在组件中使用store中的状态和方法。相比于选项式写法,组合式写法更加灵活和简洁。
在使用组合式写法时,首先需要在组件中导入`useStore`函数,并传入对应的store标识符。然后通过调用`useStore`函数来获取store实例,赋值给一个变量。接下来就可以在组件中使用这个变量来访问store中的状态和方法。
例如,在一个TodoList组件中使用pinia的组合式写法:
```
<template>
<div>
<ul>
<li v-for="todo in todos" :key="todo.id">{{ todo.text }}</li>
</ul>
<button @click="addTodo">Add Todo</button>
</div>
</template>
<script>
import { useStore } from 'pinia'
export default {
setup() {
const store = useStore()
const todos = store.todos
const addTodo = () => {
store.addTodo({
id: Date.now(),
text: 'New Todo',
completed: false
})
}
return {
todos,
addTodo
}
}
}
</script>
```