uni-app添加分享功能，以及全局引用

在用之前自己拿uni-app写的一个小程序时，突然发现连个分享功能都没有......

uni-app的分享功能

分享 | uni-app官网 (dcloud.net.cn)

通过官方文档就可以看出，uni-app对分享功能的封装已经非常完善。大多数时候，我们只需要在onShareAppMessage方法中设置好相关信息即可。

以下是主要参数的使用示例，更多参数请参考官方文档：

export default {
  methods: {
    onShareAppMessage() {
      return {
        title: '分享的标题',
        path: '/pages/index/index',
        imageUrl: '分享的图片链接'
      }
    }
  }
}

在小程序的原生菜单中显示分享按钮

虽然上述的分享功能非常完善，但对于小程序来说，很多时候只需要原生的分享按钮就足够了。我们可以使用uni.showShareMenu方法来实现这一点。

以下是主要参数的使用示例：

export default {
    created() {
        wx.showShareMenu({
            withShareTicket: true,
            menus: ['shareAppMessage', 'shareTimeline']
        });
    }
}

全局引用分享功能

为了在整个应用中都能使用分享功能，我们可以将上述代码保存在common文件夹中：common/share.js
然后在main.js中进行全局引用：

import share from '@/common/share.js'
Vue.mixin(share)