一、index.程式設計客棧html中引入微信官方分享jesobhjks
二、在src下的assets/js資料夾下新建wx.jsapi.js檔案，把分享做成公用方法
使用axios來傳送請求，參照 配置vue-cli專案的axios
**：import axios from 'axios'
export default );
wx.ready(function() );
}});
//分享到朋友圈
wx.onmenusharetimeline();
//分享給朋友
wx.onmenushareappmessage();
});}) }
}其中分享鏈結和位址要用絕對位址，用方形，大小至少200*200px以上
6月份新版微信客戶端發布後，使用者從微信內的網頁分享訊息給微信好友，以及分享到朋友圈，開發者將無法獲知使用者是否分享完成。所以不再寫成功和失敗的**方法。檢視具體公告
三、main.js中引入並掛在vue的原型上
**：import wxconfig from './assets/js/wx.jsapi' // 微信分享vue.prototype.wxconfig = wxconfig;
四、使用
**：this.wxconfig.wxshowmenu();
總結以上所述是小編給大家介紹的vue-cli構建專案下使用微信分享功能，希望對大家有所幫助，如果大家有任www.cppcns.com何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對我們**的支援！
本文標題: vue-cli構建專案下使用微信分享功能
本文位址:
使用vue cli構建專案。
所以操作皆在命令列下完成 npm install golbal vue clivue init webpack workname workname為專案名 tables areproject name 專案名 不可大寫 project description 專案描述 author 作者vue bu...
怎麼構建vue cli專案
1.安裝node.js 已安裝可直接跳過，建議檢視node版本，node v 2.npm包管理器,是整合在node中的，可跳過 npm v 3.由於npm的有些資源被牆，為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。全域性安裝 npm install g cnpm,檢視版本 cnpm ...
vue cli快速構建專案結構
安裝至預設路徑即可 2 確認node.js是否安裝成功 開啟cmd命令提示符 輸入 node v 返回node.js版本號 則表示node.js安裝成功 cmd命令列輸入 npm v 返回npm包管理器版本號 則表示npm能裝成功 node.js安 裝自帶npm 命令列輸入npm install n...