Vue相关

原创于 2018-11-05 15:52:11 发布 · 230 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

8 篇文章

订阅专栏

本文深入解析了Vuex的状态管理模式，提供了官方文档链接和实战案例，帮助读者掌握Vuex的应用。同时，详细介绍了微信H5开发流程，包括跳转授权页面获取code、微信jssdk授权的方法，如initConfig和setShare，实现微信分享、图片上传及支付功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、理解Vuex

1、https://vuex.vuejs.org/zh/

2、https://jsfiddle.net/n9jmu5v7/1269/

3、https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart

二、开发微信H5

1、跳转授权页面获取code
- 授权跳转在dom渲染之前，体验会好一些；
- 本地存储了openId，前后端均不用频繁的与微信服务器交互

2、微信jssdk授权
封装成了2个方法：initConfig(js-sdk授权)和setShare来使用微信的分享、上传图片、微信支付等功能

//main.js
import wxsdk from './config/wxsdk.js' //该模块提供initConfig和setShare方法，具体代码太长见github
Vue.prototype.wxsdk = wxsdk;//挂载到全局
//使用
 created() {
	 this.wxsdk.initConfig(location.href.split("#")[0], () => {
	 this.wxsdk.setShare(this.user.openId);
 }