《Add.vue》

<template>
  <div>
      <p>标题</p>
      <input type="text" v-model="title"></input>
      <p>新闻内容</p>
      <input type="text" v-model="content"></input>
    <p><button type="buttom" @click="add()">提交</button></p>
    </div>
    </template>

    <script>
        import store from "../../../travel/src/store";
    export default {
        name: "add.vue",
        store:store,
        data(){
            return{
                title:'',
                content:''
            }
        },
        methods:{
            add(){
                store.commit('addItem',{
                    title: this.title,
                    content: this.content
                })
            }
        }
    }
</script>

<style scoped>

</style>




《store.vue》

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    lists:[]
  },
  mutations: {
    addItem (state, value) {
        state.lists.push(value)
    }
  },
  actions: {

  },
});