<template>

<div>

<p>標題</p>

<input type="text " v-model= "title" >

<p>內容</p>

<input type="text" v-model= "content"><br>

<button ?@click="add">添加</button>

</div>

</template>

<script> ? ?

import store from '@/store'

import { stat } from 'fs';

export default {

data (){

return{

title:"",

content:""

}

},

methods:{

add(){

store.commit("addItems", {

title:this.title,

content:this.content

},

this.title= "" ,

this.content=""

)

}

}

}

</script>

上面是我的add頁面的相關代碼

下面是我store.js的代碼

然后是我list頁面的代碼