一、组件

1.视图容器

cover-image

2.注册页面

简单的页面使用Page()进行构造 Page({ data: {} onLoad:function(options){} onShow:function(){} onReady:function(){} onHide:function(){} onUnload:function(){ //页面销毁时执行 } onPullDownRefresh: function() { // 触发下拉刷新时执行 } onShareAppMessage() { // 页面被分享时执行} onResize:function() { // 页面尺寸变化时执行 } })

3.路由跳转

wx.switchTab({ url: '/index' }) wx.reLaunch({ url: '/index' }) wx.redirectTo wx.navigateTo wx.navigateBack()

4.模块化

可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports或者 exports 才能对外暴露接口

5.页面交互

wx.showToast({
title: '成功',
  icon: 'success',
  duration: 2000
})

wx.showModal() 文件 app.js是小程序的脚本代码 app.json对整个小程序的全局配置 app.wxss整个小程序的公共样式表 index.js页面的脚本文件 index.wxml是页面结构文件 index.wxss是页面样式表文件

二、mpvue使用入门

1.脚手架

vue init mpvue/mpvue-quickstart  minidemo

cd  minidemo
npm install
npm run dev

2.生命周期钩子

mpvue除了支持vue的生命周期钩子函数，还支持小程序的生命周期钩子函数

微信小程序开发