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

<script>
    import store from '@/store'

    export default {
        name: "Add",
        store,
        data() {
            return {
                title: '1',
                content: '1',
            }
        },
        methods: {
            add() {
                store.commit('add', {title: this.title, content: this.content})
                this.title = ''
                this.content = ''
            }
        }
    }
</script>

<style scoped>

</style>