小程序--mpvue

初始化项目

在开发者工具里导入项目时，导入mpvue创建的项目：因为项目project.config.json 配置文件里面有相关配置 “miniprogramRoot”: “dist/wx/” （这句话就进行了配置，实际你在开发工具里打开的就是dist/wx文件夹）

（相关配置还是在json中配置，app.json就是全局配置，页面里的json就是页面局部的配置）

1.原wxml代码写在template中
原wxs,js代码写在script中
原wxss代码写在style中
遵循一部分wx语法,也遵循一部分vue代码
像素还是使用rpx
例:1.数据定义在data中2.方法定义在methods中3.事件绑定用@…
app.vue对应原生小程序的app.js app.wxml app.wxss(全局的样式写在app.vue里面)
注意: 组件定义使用vue的组件使用方法
2.原生小程序组件可以直接被使用在mpvue项目中
3.在mpvue中使用less或者sass必须装预处理器

4.对与生命周期,官方文档建议使用vue的生命周期,但是有一些特殊的需求,例如切前台切后台下拉刷新…等就要使用小程序的生命周期（ created 对应的是小程序的 onLaunch （小程序启动时候执行的生命周期） 一般不在页面使用）
注意: 说明一下 在使用mpvue 开发小程序时,原来的wx 这个命名
全部改写为mpvue 例: wx.request() 改写为 mpvue.request()

注意: navigation标签默认跳转普通页面,在跳转Tab时需要设置,open-type的值为switchTab

5.基于Promise 封装异步请求，并配合async await 改为同步




6.区域滚动
在移动端或者小程序段区域滚动用overflow : scroll，有bug，会非常卡顿。具体原因百度。
小程序里推荐使用它提供的区域滚动组件。