码迷,mamicode.com
首页 > 移动开发 > 详细

uni-app使用vuex

时间:2020-03-30 11:09:07      阅读:732      评论:0      收藏:0      [点我收藏+]

标签:template   main   引用   OLE   from   style   color   script   actions   

        //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

标签:template   main   引用   OLE   from   style   color   script   actions   

原文地址:https://www.cnblogs.com/wei-dong/p/12597244.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!