mpvue+微信云开发 数据库所踩的坑

 最近在自学vue.js，学校课程设计又要喊我搞一个微信小程序，自然就看上了最近出来了mpvue，想一边学vue.js，一边搞微信小程序。前端部分编辑完了，暂时不想弄腾讯云那一套，就看上了最近刚出来的云开发。作为课程设计来说，云开发已经足够了。但是网上mpvue+云开发的文章少的可怜，还互相抄袭，甚至代码都有一定问题，坑了我不少时间。

1.初始化

• 首先一定要在src下的app.json中加入"cloud": true ，不然控制台会报错 Cannot read property 'init' of undefined 
• 在src下的main.js中加入

  wx.cloud.init({
    env: 'iot-1301ba',
    traceUser:true
  })

2.读取数据

在index.js中添加

mounted() {
  // env是你云开发的环境id。
  const db = wx.cloud.database({env: '你的环境ID'})
  db.collection('合集名').get({
    success(res) {
      // res.data 包含该记录的数据
      console.log(res.data)
    }
  })
}

这里网上能找到的文章都用了this.db.collection 这个this直接导致控制台无法识别collection，切记不能加。

最后结果就在控制台打印出来了