查询数据交给组件使用

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

在 Notes 组件的 created 这个生命周期方法里 .. 我们已经用了自己定义的 loadCollection 得到了需要的集合 .. 现在我们可以使用这个集合里的方法获取到里面的数据,然后把获取的数据交给组件使用 ..

先在组件里面添加一个 data 方法 .. 这个方法可以返回组件需要的数据 .. 里面添加一个 entities .. 它的值是个空白的数组 ..

然后在 created 方法里面的 loadCollection 的 then 里面,用一下得到的 collection 的 chain() .. 接着用一下 find() 方法,不给它参数的话可以得到集合里面的全部的文档 ..

再去排下顺序,用一下 simplesort 方法,设置一下排序的条件,$loki ,也就是文档的 id 号 .. isdesc ,降序排列,这样最新创建的笔记就会排在最上面 ..

最后再用一下 data() 方法获取到数据 .. 给这些数据起个名字 .. 叫它 _entities ..

下面再去设置一下组件里的 entities 的值 this.entities ,让它等于查询出来的 _entities ..

再把 this.entities 输出到控制台上 ..

保存一下文件 .. 在控制台上应该会输出 notes 集合里面的所有的文档 .. 这里你应该可以看到最开始我们手工往数据库里插入的一个文档 ..

实验

这里我们可以再去插入几个文档 ... 先得到 notes 集合 ... 然后用一下集合的 insert 方法 .. 插入一个文档 .. 有个 body 属性,设置一下它的值 ..

再插入一个文档 ... 修改一下 body 的值 ..

然后刷新一下页面 ...

控制台上会输出在 Notes 组件里面查询出来的 notes 集合里的所有的文档 ..

查询数据交给组件使用《 Vue.js:应用案例 》

统计

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

社会化网络

关于

微信订阅号

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