一、全局引入文件

1、先定義共用組件 common.vue

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

2、在需要使用的地方導(dǎo)入

<script>// 導(dǎo)入共用組件import global from './common.vue'export default { data () {  return {   username: '',   password: '',   // 賦值使用   globalHttpUrl: global.httpUrl  } },

3、使用

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

二、main.js中引入全局變量和方法

1、定義共用組件同上

2、main.js中引入并復(fù)制給vue

// 導(dǎo)入共用組件import global from './common.vue'Vue.prototype.COMMON = global

3、使用

export default { data () {  return {   username: '',   password: '',   // 賦值使用, 可以使用this變量來訪問   globalHttpUrl: this.COMMON.httpUrl  } },

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長站。