<script>
import store from '@/store'
export default {
name: "Add",
store,
data() {
return {
title: '',
content: ''
}
},
methods: {
add() {
store.commit('addItem', {
title: this.title,
content: this.content
})
}
}
};
</script>export default new Vuex.Store({
state: {
lists: []
},
mutations: {
addItem(state,add) {
state.lists.push(add)
}
},同学有没有使用dev-tools去看看当点击的时候,有没有产生commit的事件?
打几个断点,加debugger看看,然后打开调试窗口
在console里面看看有没有报错。
从上面的代码看,也没有看到你的截图,你的add方法写的没有问题