微信小程序开发规范化插件 for mpvue（微信小程序前端开发工具）

微信小程序开发规范化插件 for mpvue（微信小程序前端开发工具）

mpvue-starter

微信小程序开发规范化插件 for mpvue

mpvue-starter1. 安装2. 快速使用3. 组件钩子4. 混合组件

1. 安装

npm install --save mpvue-starter

2. 快速使用

import Vue from 'vue'import store from './store'import MpvueStarter from 'mpvue-starter'Vue.use(MpvueStarter, { store, appAutoUpgrade: true})

arguments

3. 组件钩子

asyncData

在页面组件加载时被调用，返回一个对象或者Promise结果（对象），返回的数据直接挂载到当前组件

// 返回数据export default { asyncData ({store, route, vm}) { return { nickname: 'Hello' } }}// 返回�Promise对象export default { async asyncData ({store, route, vm}) { const {avatar, nickname} = await store.dispatch('user/info') return { nickname, avatar } }}

在页面组件中含有loading字段，默认为false，在asyncData执行完成之后loading改变为true，用于在数据在加载完成后渲染页面时使用。

arguments

updateData

在页面组件显示时被调用，返回一个对象或者Promise结果（对象），返回的数据直接挂载到当前组件

// 返回数据export default { updateData ({store, route, vm}) { return { nickname: 'Hello' } }}// 返回�Promise对象export default { async updateData ({store, route, vm}) { const {avatar, nickname} = await store.dispatch('user/info') return { nickname, avatar } }}

arguments

shareMessage [function, Object]

在页面分享功能被唤醒时调用，返回一个对象用于设置分享内容

// 返回数据import {shareMixin} from 'mpvue-starter'// �样例1export default { mixins: [shareMixin], shareMessage: { title: '分享标题' }}// �样例2export default { shareMessage () { const {title} = this.detail return { title } }}

title [function, Object]

用于设置页面标题，在asyncData或updateData钩子被调用后执行

// �样例1export default { title: { title: '标题' }}// �样例2export default { title () { const {title} = this.detail return { title } }}

4. 混合

shareMixin

用于开启页面分享功能，shareMessage才能生效

默认分享当前页面，请使用shareMessage设置分享路径 默认无标题，请使用shareMessage设置分享标题 默认图片为页面截图，请使用shareMessage设置分享图片

组件

starter-share

分享进阶操作，添加分享到朋友圈功能

// javascriptimport SatrterShare from 'mpvue-starter/package/starter-share.vue'export default { components: { StarterShare }, methods: { async getQRimg () { const {qrurl} = await fetch('get qrimg api') return {src: qrurl} }, showShareToast () { this.$refs.starter.show() } }}// template

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。