vue定义全局变量和全局方法

最新推荐文章于 2024-08-09 15:22:04 发布

w1366352655

最新推荐文章于 2024-08-09 15:22:04 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/w1366352655/article/details/86156194

版权

本文介绍了在Vue项目中定义全局变量和方法的三种方式：通过全局引入文件、在main.js中引入和在common.js直接引入。具体步骤包括创建common.vue组件，然后在main.js中注册和使用。此外，还提到了vue-resource的配置和$http的使用。

摘要由CSDN通过智能技术生成

vue定义全局变量和全局方法

一、全局引入文件

1、先定义共用组件 common.vue


&lt;script type="text/javascript"&gt;
    // 定义一些公共的属性和方法
    const httpUrl = 'http://39.105.17.99:8080/'
    function commonFun() {
        console.log("公共方法")
    }
    // 暴露出这些属性和方法
    export default {
        httpUrl,
        commonFun
    }
&lt;/script&gt;

2、在需要使用的地方导入


&lt;script&gt;
// 导入共用组件
import global from './common.vue'
export default {
  data () {
    return {
      username: '',
      password: '',
      // 赋值使用
      globalHttpUrl: global.httpUrl
    }
  },

3、使用