vue2升级到vue3，vuex调整

原来写法：vuex3版本

import Vue from "vue";
import Vuex from "vuex";
import Api from "../services/api";

Vue.use(Vuex);//here i get the error

export default new Vuex.Store({
  state:{
  articles:[]
  },...

import Vue from "vue";

import Vuex from "vuex";

import Api from "../services/api";

Vue.use(Vuex);//here i get the error

export default new Vuex.Store({

state:{

articles:[]

},...

新的写法：vuex4

import { createStore } from 'vuex';

export const store = createStore({
  state: {...}
  // other stuff
})

import { createStore } from 'vuex';

export const store = createStore({

state: {...}

// other stuff

})

main.js文件改写

import { createApp } from 'vue';
import { store } from 'path/to/store.js';

const app = createApp({...})
app.use(store);

import { createApp } from 'vue';

import { store } from 'path/to/store.js';

const app = createApp({...})

app.use(store);

可参考：https://github.com/vuejs/vuex/blob/4.0/examples/classic/shopping-cart/store/index.js

记录前端html5和css3.0技术

vue2升级到vue3，vuex调整

发表评论取消回复

发表评论 取消回复

发表评论取消回复