微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，微信小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。

目录

在manifest.json中的基础设置将Vue版本为2。个人尝试Vue3时，会报错。。。所以使用了Vue2。

安装

npm install vuex --save

创建store

//store/store.js

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

//实例store对象
const store = new Vuex.Store({
	state: {
		imgSrc: 'https://img-blog.csdnimg.cn/a458bf114f6f4912953f8b73eab00580.png',
		titleName: '墨水记忆',
	},
	mutations: {
		
	}
})

//导出store对象
export default store

使用

单组件使用

import store from '../../store/store.js'

//使用
console.log(store.state.titleName)

全局设置

在main.js中进行设置。

import App from './App'

// #ifndef VUE3
import Vue from 'vue'
import store from '@/store/store.js'
Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
    ...App,
	store
})
app.$mount()
// #endif

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  return {
    app,
	store
  }
}
// #endif

使用：

console.log(this.$store.state.titleName)