VUE3 学习笔记（12）：对比Vuex与Pinia状态管理的基本理解

在组件传值中，当嵌套关系越来越复杂的时候必然会将混乱，是否可以把一些值存在一个公共位置，无须传值直接调用呢？VUEX应运而生，但是从VUE3开始对VUEX的支持就不那么高了，官方推荐使用Pinia。

Vuex配置

ST1:安装vuex

npm install --save vuex

或者

Cnpm install --save vuex

ST2:创建JS文件

目录/src/vuex(创建目录)

目录/src/vuex/index.js

import {createStore} from "vuex";
export default createStore({
    state:{
        num:100
    }
})

入口文件（main.js）

import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './vuex'

const app = createApp(App)

app.use(router,store)

app.mount('#app')

ST3:使用数据