Vue全局变量的实现方式

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

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

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

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