创建笔记

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

点一下添加笔记,可以创建一条空白的笔记 .. 打开 mutations.js ,先去添加一个 mutation ,名字可以是 createEntity .. 一个 state 参数 ...

打开之前创建的应用的 app.js ,在它的 notes 组件里面,methods 里面的 create 方法里的东西是我们需要的代码 .. 复制一下 .. 回到定义的这个 mutation ... 粘贴过来 ..

里面用了 loadCollection,载入了 notes 集合,又用集合的 insert 方法,插入一条空白的笔记内容 .. 这里用到了 db,在上面我们可以把 db 从 database 里面拿出来 ..

this.entities 换成 state.entities ..

动作

打开 actions.js,添加一个 action ... 名字叫 create ... 一个对象参数 .. 把 commit 拿出来用 .. 方法里 ,commit 一个 createEntity 这个 mutation .. 这个修改可以创建一条空白的笔记内容 ..

打开 Notes 组件 .. 在 methods 里面,把 create 从动作里面拿过来用一下 ..

然后找到 添加笔记 这个按钮 ... v-on:click ,绑定一个点击事件 .. 用 create 方法来处理 ..

再去预览一下 .. 点击 添加笔记 按钮,这样会用 create 方法来处理这个点击事件 ... 它就是 create 这个 action ,这个动作会 commit 一个 createEntity 修改 .. 这个修改可以在数据库里插入一个新的空白的文档 ...

创建笔记《 Vue.js:应用案例(Vuex) 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点