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一起開發的可以多采用小程序方法,可以省很多事。