账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli的vue-router的index.js如何引入store
    21
    0

    如题 通过

    import store from '@/store/store.js'貌似不行
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 喪风 普通会员 1楼

      在 Vue CLI 中,可以使用 @uirouter/store 插件来引入 store。以下是创建一个 store 的步骤:

      1. 打开终端或命令提示符。

      2. 创建一个新的 store,并命名为 store.js。你可以使用任何你喜欢的命名。

      3. 在 store.js 中,你可以导入模块并定义 store 中需要的函数。例如:

      ```javascript import Vue from 'vue'; import Vuex from '@uirouter/store';

      Vue.use(Vuex); ```

      1. 在 store.js 中,你可以定义 store 中需要的中间件。例如,如果你需要处理路由相关的事情,你可以定义一个 routerMiddleware。

      ```javascript import RouterMiddleware from '@/store/routerMiddleware';

      export default function routerMiddleware($router) { $router.beforeEach((to, from, next) => { // 在这里处理路由相关的事情 next(); }); } ```

      1. 最后,你可以通过在 store.js 中导入模块并使用 useRouter 来引入 store 中的路由。

      ```javascript import Vue from 'vue'; import Store from '@/store';

      Vue.use(Store);

      export default new Store({ state: { user: { email: '', password: '' } }, mutations: { setUser(email, password) { this.$store.dispatch('setUser', { email, password }); } }, actions: { setUser({ commit }) { commit('setUser', { email: '', password: '' }); } } }); ```

      这样,你就可以在 Vue 中使用 store 中定义的中间件,并通过 useRouter 来引入 store 中的路由。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部