如何在uni-app使用vuex

迷南。 2021-10-01 09:56 309阅读 0赞

由于uni-app已经内置了vuex，所以只要正确引入就好了。

1、在项目的根目录下，**创建一个名为store的文件夹**然后在该文件夹下创建一个**index.js**的js文件  
2、在该js文件下定义公共的数据以及方法函数，并且把它导出

import Vue from 'vue'
    import Vuex from 'vuex'
    Vue.use(Vuex)
    const store = new Vuex.Store({
        state: {},
        mutations: {},
        actions: {}
    })
    export default store

3、在入口文件即：**main.js**挂载vuex

import Vue from 'vue'
    import App from './App'
    //引入vuex
    import store from './store'
    //把vuex定义成全局组件
    Vue.prototype.$store = store
    Vue.config.productionTip = false
    
    App.mpType = 'app'
    
    const app = new Vue({
        ...App,
    //挂载
        store
    })
    app.$mount()

4、在单页面里使用vuex

<script>
        export default {
            created () {
                console.log(this.$store)
            }
        }
    </script>

> 如何在uni-app将vuex模块化  
> [https://www.jianshu.com/p/b4d8a08f596e][https_www.jianshu.com_p_b4d8a08f596e]

[https_www.jianshu.com_p_b4d8a08f596e]: https://www.jianshu.com/p/b4d8a08f596e

发表评论取消回复

表情：

评论列表（有 0 条评论，309人围观）

还没有评论，来说两句吧...

相关阅读

相关如何在uniapp中使用iconfont图标？

一步: 从iconfont下载icon图标 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly...

墨蓝/ 2024年04月17日 06:28/ 0 赞/ 50 阅读

相关 uniApp 使用vuex

1、根目录创建store目录，创建index.js文件； import Vue from 'vue' import Vuex from 'vuex'

Myth丶恋晨/ 2023年09月23日 14:21/ 0 赞/ 100 阅读

相关 uniapp Vuex 状态管理模式基本使用

一、uniapp 引入定义挂载Vuex 1、在根目录下建立store目录创建index.js文件 ![创建store目录][store] 代码如下 i

绝地灬酷狼/ 2022年12月12日 13:44/ 0 赞/ 395 阅读

相关如何在uni-app中使用vuex

在uni-app中内置了vuex，我们只需要引用就行了首先在根目录下创建store目录在里面创建index.js； ![在这里插入图片描述][watermark_ty

喜欢ヅ旅行/ 2022年11月20日 09:37/ 0 赞/ 377 阅读

相关 Vuex的使用（一）——在项目中引入Vuex

参考文档：https://vuex.vuejs.org/zh/guide/ 如果当前没有项目代码，可以访问[传送门][Link 1]搭建一个，以下Vuex相关功能都是在传送门

港控/mmm°/ 2022年09月09日 06:41/ 0 赞/ 209 阅读

相关如何在uni-app使用vuex

由于uni-app已经内置了vuex，所以只要正确引入就好了。 1、在项目的根目录下，`创建一个名为store的文件夹`然后在该文件夹下创建一个`index.js`的js文

梦里梦外;/ 2022年09月02日 04:11/ 0 赞/ 135 阅读

相关在uni-app中使用vuex

新建文件在项目的根目录下新建一个store文件夹，然后在文件夹下新建一个index.js文件 ![在这里插入图片描述][20190326111653591.png]

比眉伴天荒/ 2022年02月28日 16:36/ 0 赞/ 386 阅读

相关如何在uni-app使用vuex

由于uni-app已经内置了vuex，所以只要正确引入就好了。 1、在项目的根目录下，创建一个名为store的文件夹然后在该文件夹下创建一个index.js的js文件 2

迷南。/ 2021年10月01日 09:56/ 0 赞/ 310 阅读

相关在uni-app中使用Vuex

在 uni-app 项目根目录下新建 store 目录，在 store 目录下创建 index.js 定义状态值 const store = new Vuex.Sto

悠悠/ 2021年07月26日 19:28/ 0 赞/ 450 阅读

相关 uniapp中使用GlobalData和Vuex

效果图： ![20210307001752757.gif][] 实现代码： <template> <view> globalData

灰太狼/ 2021年07月26日 02:19/ 0 赞/ 1017 阅读