第一次使用mpvue的小記

​ 昨晚睡前打開了半個月沒打開的知乎, 看到了一個專欄文章再見jquery,我的老朋友,突然想到之前github傳出,github已經徹底刪除jquery,這似乎標志著前端已經完全進入了一個新的時代,js從最開始的小丑語言,現在已經成為一個非常優秀的編程語言,開發者的目光從相容性一步步的轉向了模塊化

​ 前端發展如此之快,作為前端開發者對前端快速發展欣喜的同時,讓我倍感壓力,不能停止學習,廢話就說這麼多吧

​ 7月多在github上面偶然看到了mpvue，當時感覺眼前一亮，用vue寫小程式怎麼實現的，，後來看了他們的文檔，感覺挺不錯的，在慕課網上面看了蝸牛老師的mpvue實戰項目，決定好好學習一下，看看vue+小程式是怎麼樣的開發體驗~~~

​ 首先謝謝老師，課非常不錯，基本完成項目對小程式和mpvue都有不錯的瞭解，還對koa2進行講解，牆裂推薦！頁面上主要是這樣的

主要是資料庫哪一塊,跟著老師打,很多都看不懂，雖然是knex ，但是語法基本就是mysql

let book = await mysql('books')
    .select('books.*', 'csessioninfo.user_info') 
    .join('csessioninfo', 'books.openid', 'csessioninfo.open_id') 
    .limit(size) 
    .offset(Number(page) * size)   
    .orderBy('books.id', 'desc')

類似這樣的，mysql白學了，很多都忘了，後面惡補了mysql

有些比較坑人的地方，

1. 添加頁面需要重啟（這也不算坑）

2. 登錄事件需要用@getuserinfo 官網沒有說明，害得我用vue的@click調試登錄bug半個月

3. wx原生事件不可以寫在methods裡面，有說明，但是還是才踩到了坑，不小心把下拉事件寫到methods裡面

4. 最好不要在mpvue沒有啟動的時候變動代碼，因為假如代碼有錯誤，mpvue可能會卡在啟動的地方

5. 引用static裡面的資源，不可以寫項目路徑 按build後的路徑寫 /static/text.png，而不是vue項目裡面的路徑

6. 小程式內部跳轉路徑../write/main應該這麼寫，不可以使用vue-router很遺憾

7. 報錯pages/xxx/xxx.js 出現腳本錯誤或者未正確調用 Page()，因為vue文件不可以為空。。。

   當然很多坑並不是因為mpvue，而是小程式自帶的，我僅僅總結一下

下麵說說開發中感覺mpvue的優點吧

1. 使用vue開發可以組件化，感覺很舒服
2. 對已經會vue的開發者來說，幾乎沒有學習成本
3. 幾乎不用關係頁面配置文件，只要指定主頁就好了

細說的話優點就很多啦，因為基於vue，使用一個成熟的框架寫小程式，是很舒服的，前期坑比較多，但是熟練了，就會感覺mpvue寫小程式是，相對於原生wx語法，體驗不是一個級別呢

​ 總的來說，蝸牛老師的實戰課程挺不錯的，學會了很多，對koa2也有了更好的瞭解

下麵是我這個mpvue項目的地址

豆瓣讀書微信小程式

​ 感謝美團給我們帶來mpvue，希望他越來越好