mpvue迁移至uni-app实战总结1、下载HBuilderX工具，创建uni-app项目； 2、在HBuilderX

1、下载HBuilderX工具，创建uni-app项目；

2、在HBuilderX创建的项目，它的src是根目录，此时将mpvue项目src目录内的文件拷贝到uni-app项目。

3、修改页面文件名称，删除每个页面的main.js和main.json文件，将main.json导航和其他配置信息写入pages.json文件中，并将页面名称修改为main.vue。（注意：这里不需要改文件夹的名称）

1）每个页面文件夹内部变化

2）.src/app.json 改成 pages.json ,路径格式需要改，如下格式

{
    "pages": ["pages/welcome/main"]
}

修改成

{
    "pages": [
            {
                "path": "pages/welcome/main",
                "style": {
                }
            }
        ]
}

5.配置小程序的appid

6、用到mpvue特性的代码，需要修改成uni-app兼容的，例如 mpvue.getStorageSync修改成uni.getStorageSync

7、uni-app 支持的页面生命周期函数是包含onLoad,但是在组件里面的时候不能使用页面生命周期函数，因此想要有onload的效果的时候，必须改成vue的mounted;

8、rem改成rpx;

比如页面当中是0.1rem，改写成0.1*100rpx

9、去掉 v-bind,v-on="$listeners";