Vue全局变量的实现方式

创建js文件，添加需要使用的全局变量

export default {
  tabBarItemSelected: '事业',
  newsBarSelected: '1',
  setnewsBarSelected (newsBar) {
    this.newsBarSelected = newsBar
  },
  settabBarItemSelected (item) {
      this.tabBarItemSelected = item
  }
}

1、全局变量模块导入方式

<script>
  import config from '../config.js'
    export default {
        name: "Detail",
        created() {
            console.log(config.tabBarItemSelected)
        },
    }
</script>

2、全局变量挂载到Vue.ptototype中

//main.js中挂载到Vue.ptototype中
import defines from "./config";
Vue.prototype.defines = defines;

//使用
<script>
    export default {
        name: "Detail",
        created() {
            console.log(this.defines.tabBarItemSelected)
        },
    }
</script>