小程序登录功能

登录页面样式

点击登录按钮获取微信用户的基本信息

需要获取微信用户的头像、昵称等基本信息

为登录的 button 按钮绑定 open-type="getUserInfo" 属性，表示点击按钮时，希望获取用户的基本信息：

<button type="primary" class="btn-login" open-type="getUserInfo">一键登录</button>

在 methods 节点中声明 getUserInfo 事件处理函数：

将数据存储到 vuex

在 store

// 1. 导入 Vue 和 Vuex
import Vue from 'vue'
import Vuex from 'vuex'
import moduleUser from '@/store/user.js'

// 2. 将 Vuex 安装为 Vue 的插件
Vue.use(Vuex)

// 3. 创建 Store 的实例对象
const store = new Vuex.Store({
	modules: {
		// 挂载用户信息 vuex 模块，模块内成员访路径调整为 m_user
		'm_user': moduleUser
	}
})

// 4. 向外共享 Store 的实例对象
export default store