mpvue 注意事項

官方文檔 ： http://mpvue.com/mpvue/

 

mpvue採坑

1. Cannot assign to read only property 'exports' of object '#<Object>' 編譯報錯

這是因爲引用第三方插件的時候,帶入了module.exports的寫法,webpack可以使用require和export ，但是不能混合使用import 和module.exports,你需要做的是更新根目錄下的.babelrc文件配置

https://blog.csdn.net/u013034736/article/details/70174425

 

2. 引入全局的prototype屬性

  a. 在根目錄的main.js文件中加入引用

import wxUtils from "./utils/wxUtils"
Vue.prototype.$sys = wxUtils

 b. 文件的寫法必須採用 export default的方式導出，不可以採用 定義一個const xx = {}  module.export = xx的方式導出

import logUtils from "./logUtils"

/**
 *    設置導航欄標題
 * @param title
 */
function setTitle(title){
  wx.setNavigationBarTitle({
    title: title,
  })
}

/**
 *   導航到頁面
 * @param page
 * @param params
 */
function navigateTo(page,params){
  var url = '/pages/' + page + '/main?' + params
  logUtils.debug("url",url)
  wx.navigateTo({
    url: url,
  })
}

export default {
  setTitle,
  navigateTo,
}

4. 組件如果是tab切換的，爲了保證下次進入能切換到指定位置，需要把tabIndex的修改放到點擊後的回調裏面去修改，該屬性應該是個props屬性，不應該設計爲data屬性

5. 所有的屬性，不準直接用data的對象直接取值，必須通過計算屬性來獲取，所有字符操作必須校驗

6. 新建組件的時候，最好去掉組件下的name,不要name的名字和組件文件名相同，否則會出現計算屬性不執行的情況