<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方法写的没有问题