vue定义全局变量和全局方法的方法示例

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

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

<template>  {{globalHttpUrl}}</template>

// 导入共用组件import global from './common.vue'Vue.prototype.COMMON = global

export default { data () {  return {   username: '',   password: '',   // 赋值使用, 可以使用this变量来访问   globalHttpUrl: this.COMMON.httpUrl  } },