按下页面上这个 添加笔记 按钮，可以在数据库里创建一条新的笔记，并且新笔记会直接显示在这个笔记列表的上面 ..

先找到 Notes 组件 .. 在它的 template 里面，找到这个 添加笔记 按钮 .. 给它绑定一个点击事件 .. v-on:click ，用 create 方法来处理这个事件 ..

在组件里面再添加一个 methods 属性 .. 里面可以添加一个 create 方法 .. 在这个方法里，我们用一下 在 db.js 里面定义的 loadCollection ，得到数据库的 notes 这个集合 ..

接着用个 then .. 一个 collection 参数 .. 里面用一下 collection 的 insert 方法，往集合里插入一个新的文档 .. 添加一个 body 属性 .. 对应的值是个空白 ..

这个 insert 会返回插入的这个新的文档 .. 起个名字，叫做 entity ..

下面再用 db 的 saveDatabase 保存一下数据库 ..

然后我们可以直接把 insert 返回的这个文档放到 notes 组件的 entities 里面 .. this.entities.unshift ，放在数组的最上面 .. 把 entity 交给这个方法 ..

实验

到浏览器上试一下 .. 按一下 添加笔记 按钮 .. 会创建一个空白的笔记 ...

我们可以改进一下这个列表的显示 .. 找到 Note 组件 .. 这里绑定输出了 entity 的 body 属性 .. 后面加上一个或者 .. 如果 body 里面没值，就显示一个静态的文字 .. 新建笔记 ..

现在页面上显示的笔记列表，如果笔记的 body 属性没值的话，就会显示一个新建笔记 ...