uni-app使用vuex

Posted 2021-03-03 进军码农

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uni-app使用vuex相关的知识，希望对你有一定的参考价值。

        //1.根目录创建store文件->index.js
        import Vue from ‘vue’
        import Vuex from ‘vuex’

        Vue.use(Vuex)

        const store = new Vuex store ({
            state: {
                name: ‘’
            },
            getters: {
                
            },
            mutations: {
    
            },
            actions: {

            }
        })
        
        export default store

    //2.main.js下引入和挂载
        import store from ‘./store’
        Vue.prototype.$store = store
        const app = new Vue ({
            store
        })

       //3.页面引用
        <template>
            <div>
                {{name}}
            </div>
        </template>
        <scipt>
            import {mapState} from ‘vuex’
            export default {
                onLoad() {
                    console.log(this.$store)
                },
                computed: {
                    …mapState([‘name’])
                }
            }
        </script>

以上是关于uni-app使用vuex的主要内容，如果未能解决你的问题，请参考以下文章