mpvue微信小程序開發隨筆

mpvue上手很快，學習成本低，目前是開源的，適合技術實力不是很強的公司採用。

spring boot 作後臺，開發效率槓槓的。建議會java的開發儘可能使用spring boot 開發，省事。

最近用mpvue開發小程序，期間遇到了許多問題，如今記錄分享下。

1  tabBar 是放在main.js設置的

2 圖片的引用要從require('@/assets//222.png') 這樣的格式，否則就用base64處理

3  main.js 主要設置網絡引用及全局設置參數，跟vue.js有相同也有不相同地方

import Vue from 'vue'

import App from './App'

import './assets/css/weui.css'

var Fly = require('flyio/dist/npm/wx')

var fly = new Fly()

var url = ''

Vue.config.productionTip = false

Vue.prototype.$fly = fly

Vue.prototype.$url = url

App.mpType = 'app'

const app = new Vue(App)

app.$mount()

Vue.prototype.globalData = getApp().globalData

4 小程序 標題在頁面設置方法

onLoad(){

　　wx.setNavigationBarTitle({

　　title:'商城'

　　})

}

5  用了scroll-view 滾動就不能用小程序的下拉刷新。onPageScroll 方法能夠監聽滾動事件，實現定位功能。

6 vuex 是動態的，數據源的變化會引發頁面動態顯示，須要注意狀態多的頁面就會很麻煩，狀態變化在回退須要手工初始化對應的值，這個是好也很差的地方

7 mpvue 儘可能用v-show 不要用v-if

8 scroll-view高度衝突 容易引發頁面抖動

9 用mpvue實現小程序，若是用小程序原生方法組件，轉化是個大問題。可是用小程序組件開發效率很快。建議若是不是同時h5一塊兒開發的能夠多采用小程序方法，能夠省不少事。