vue快速获取全局变量

 

简单获取写法：

<template>
    <div>{{ $store.state.school}}</div>
</template>

每次都需要填写 【$store.state.xxx】

 

 

 快速获取写法：

<script>
import { mapState } from "vuex";
export default {
    name: 'Test',
    data() {
        return {
        };
    },
    
    computed: {
        ...mapState(['school', 'age', 'gender'])
    },
    methods: {

    },
    created() {
    }
};
</script>

在计算属性中  用 ...mapStare(['xxx','xxx'])  的方式快速获取【该格式需要别名和变量名一直才能简写】

如果自己取的变量别名和变量名不一致，需要这样写：

 ...mapStare({‘xxx’:'xxx'})    对应变量名

 使用时只需要填写变量名即可。