根据vue2.0至3.0部分相关写法配置更新

this调用的东西在main.js，而main.js负责引用每个js集成到this

1.router的index.js

import { createRouter, createWebHashHistory } from "vue-router";

const router = createRouter({

  history: createWebHashHistory(process.env.BASE_URL),

});

export default router;

2.store的index.js

import  {createStore} from 'vuex'

const store = createStore({ 

})

export default store;

3.main.js主要配置

import {createApp} from 'vue';

import App from './App.vue';

import router from './router';

import store from "./store";

const app=createApp(App);

app.config.productionTip = false

app.use(ElementPlus)

app.use(router)

app.use(store)

app.mount('#app')

4.vue3新增单组件内setup调用store

import {useStore} from "vuex";

setup(){

      const store = useStore()

      console.log(store)

    },