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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM