import Vue from "vue";
import App from "./App.vue";
Vue.config.productionTip = false;
Vue.mixin({
data() {
return {
created() {
console.log("全局混入")
new Vue({
render: (h) => h(App)
}).$mount("#app");
当组件存在与mixin对象相同的选项的时候,进行递归合并的时候组件的选项会覆盖mixin的选项
但是如果相同选项为生命周期钩子的时候,会合并成一个数组,先执行mixin的钩子,再执行组件的钩子。
由于 uni-app 文档写的不是特别优秀,很多新手朋友根本无法下手,所以出了这篇保姆级教程,你只需要复制粘贴,快速做好分享功能。默认情况下,小程序分享功能呈现 灰色不可点击 状态,开启分享功能后,具体功能如下图所示(真机更丝滑)。我们在项目根目录新建一个 文件夹,然后在其文件夹中再建立 文件,一键复制以下代码,注意修改一下自己的配置,比如标题等。
做好了功能封装,接下来页面只需要调用即可。
需要注意的是, / 与 钩子函数同级,另外,条件编译的话,加不加都行, 会自动过滤掉其他
要在uni-app中实现微信小程序的分享功能,你可以按照以下步骤进行操作:
1. 在`manifest.json`文件中配置分享信息。在`mp-weixin`字段下添加`share`字段,包括`title`、`imageUrl`和`path`等属性。例如:
```json
"mp-weixin": {
"appid": "你的小程序appid",
"share": {
"title": "分享标题",
"imageUrl": "/static/share.png",
"path": "/pages/index/index"
2. 在需要触发分享的页面中,使用`uni.share`方法来调用微信小程序的分享功能。例如,在点击分享按钮时触发分享:
```html
<template>
<button @click="shareApp">分享给好友</button>
</view>
</template>
<script>
export default {
methods: {
shareApp() {
uni.share({
provider: 'weixin',
scene: 'WXSceneSession', // 分享到会话
type: 0, // 默认为 0,表示小程序
title: '分享标题',
imageUrl: '/static/share.png',
path: '/pages/index/index',
success: () => {
console.log('分享成功');
fail: (err) => {
console.log('分享失败', err);
</script>
以上就是在uni-app中实现微信小程序分享给好友的基本步骤。注意要提前在微信开发者平台中配置好小程序的appid,并将其填入`manifest.json`文件中的`mp-weixin`字段中的`appid`属性。