vue3setup组合式store文件夹下的module文件夹下的teacher.js的mutations方法怎么才能使用
时间: 2024-03-01 08:51:47 浏览: 54
要在Vue 3中使用`setup`和组合式API访问`store`中`module`文件夹下的`teacher.js`的`mutations`方法,需要使用`useStore`函数从`vuex`中获取`store`对象,然后使用`commit`方法提交`mutations`。具体代码如下:
```javascript
<template>
<div>
<button @click="addTeacher">添加</button>
</div>
</template>
<script>
import { useStore } from 'vuex'
export default {
setup() {
const store = useStore()
const addTeacher = () => {
store.commit('teacher/addTeacher', {
id: 1,
name: 'Tom'
})
}
return {
addTeacher
}
}
}
</script>
```
在上面的代码中,我们首先使用`useStore`函数从`vuex`中获取`store`对象,然后定义一个`addTeacher`函数,在函数中使用`store.commit`方法提交`teacher.js`模块中的`addTeacher` mutations,并传入一个包含`id`和`name`属性的对象作为参数。其中,`teacher`是模块的名称,`addTeacher`是mutations的名称。
需要注意的是,我们在使用`commit`方法时,需要使用`store.commit('teacher/addTeacher', payload)`的方式指定`mutations`的名称和参数。
阅读全文