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