Vueに格納する複数の入力値を追加する方法

Question

入力からクリックしてストアに追加しようとしています。オブジェクト情報の異なる部分を持つ複数の入力があります。メソッドから入力データを取得するにはどうすればよいですか？

この場合、私は、入力データを得るのですかaddPacketコールに保存

<input label="Packet Name" v-model="packets.name" required><br> 
<input label="Packet Name" v-model="packets.folder" required><br> 
<button @click="addPacket">Add</button> 

経由のパケットで働いていますか？

全jsfiddle：名前とフォルダ：https://jsfiddle.net/tga9sfcm/1/

Answer 1

• 私はアプリに二つのデータの小道具を追加しました。
• この2つの小道具への変更されたvモデルの結合。
• ボタンクリック時にアクションをディスパッチしました。ここで

また作業fiddle

で、あなたがアクションを派遣し、変異を犯すことに注意してください。あなたは、あなたの行動が突然変異を派遣していた：store.dispatch('ADD_PACKET', packet)