vue定义全局的方法

2022-04-13 16:01:34 阅读：151 来源： 互联网

标签：gloabal vue console 定义 js export 全局 getToken log

1. 在main.js中挂载

Vue.prototype.getToken = function() {
   console.log("getToken")
}

在所有组件里可调用函数

this.getToken() // 'getToken'

2. 引用全局js文件

首先创建全局js文件

export function getToken() {
  console.log('getToken3333333333');
}

在组件中引用

<script>
import  {getToken}  from '../common/fun'
export default {
  mounted() {
    getToken(); // 'getToken3333333333' 
　}, 
} 
</script>

3. 使用全局变量模块文件

首先创建全局Global.vue文件

<script>
const token='12345678';
export default {
  token,
  methods: {
    getToken() {
      // ....
      console.log("getToken222222222");
    },
  },
};
</script>

在组件引入

<script>
import gloabal  from './Global.vue'
export default {
  mounted() {
    console.log(gloabal.token); //  '12345678'
    gloabal.methods.getToken(); //  'getToken222222222'
　}, 
} 
</script>

标签：gloabal,vue,console,定义,js,export,全局,getToken,log
来源： https://www.cnblogs.com/linliu/p/16140709.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue定义全局的方法