在vue项目中 如何定义全局变量 全局函数 单个的css文件

定义全局变量

第一种方式：
全局变量模块文件：global.vue
Global.vue文件：

<script>
const serverSrc='www.baidu.com';
const token='12345678';
const hasEnter=false;
const userSite="中国钓鱼岛";
  export default
{
    userSite,//用户地址
    token,//用户token身份
    serverSrc,//服务器地址
    hasEnter,//用户登录状态
  }
</script>

接下来在text1.vue组件中使用：

<template>
    <div>{
  { token }}</div>
</template>
<script>
import global_ from '../../components/Global'//引用模块进来
export default {
 name: 'text',
data () {
    return {
         token:global_.token,//将全局变量赋值到data里面，也可以直接使用global_.token
        }
    }
}
</script>
<style lang="scss" scoped>
</style>

第二种方式：vuex
在src下面写一个store，store里写一个index.js,在里面用sta