mpvue开发小程序

1558598730306.png

image.png

image.png

image.png

image.png

image.png

image.png

实例生命周期

beforeCreate created beforeMount mounted beforeUpdate updated activated deactivated beforeDestroy destroyed

onLaunch，初始化 onShow，当小程序启动，或从后台进入前台显示 onHide，当小程序从前台进入后台

page 部分：

onLoad，监听页面加载 onShow，监听页面显示 onReady，监听页面初次渲染完成 onHide，监听页面隐藏 onUnload，监听页面卸载 onPullDownRefresh，监听用户下拉动作 onReachBottom，页面上拉触底事件的处理函数 onShareAppMessage，用户点击右上角分享 onPageScroll，页面滚动 onTabItemTap, 当前是 tab 页时，点击 tab 时触发

# 全局安装 vue-cli
$ npm install --global vue-cli

# 创建一个基于 mpvue-quickstart 模板的新项目
$ vue init mpvue/mpvue-quickstart my-project

# 安装依赖
$ cd my-project
$ npm install
# 启动构建
$ npm run dev

image.png

image.png

image.png