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>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券