【vue随手笔记】Vue设置静态常量
1、自定义目录：
在src 下建立 constants 目录 如图所示：
建立目录.png
2、自定义js：
在新建好的constants中建立自己自定义的JS文件，如图所示：
建立好的js文件.png
3、在该自定义js文件中写入代码：
const BASE_URL = "https://www.baidu.com"
export default{
BASE_URL
}4、在route目录下的index.js中导包并赋值全局变量：
import net from "@/constants/Net.Constants"
Vue.prototype.NET = net5、使用静态变量：
<template>
<button v-on:click="test">
测试
</button>
</template>
<script>
export default {
methods:{
test: function(){
console.log('====================================');
console.log(this.NET.BASE_URL);
console.log('====================================');
}
}
}
</script>
<style lang="less" scoped>
</style>5、点击效果：
点击效果.png
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.08.28 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录