// 定義一些公共的屬性和方法
const httpUrl = 'http://test.com'
// 暴露出這些屬性
export default {
    httpUrl,
}

<script>
    // 導入共用組件
    import global from './global.vue'
    export default {
        data () {
            return {
                //使用
                globalUrl: global.httpUrl
            }
        }
    }
</script>

// 定義一些公共的屬性和方法
const httpUrl = 'http://test.com'
// 暴露出這些屬性
export default {
    httpUrl,
}

// 導入共用組件
import global from './global.vue'
Vue.prototype.global = global

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

npm install vuex --save

import Vue from 'vue' 
import Vuex from 'vuex'; 
Vue.use(Vuex); 
export default new Vuex.Store({ 
    state:{ httpUrl:'http://test.com' } 
})

import store from './store' 
new Vue({
    el: '#app', 
    router, 
    store, 
    components: { App }, 
    template: '<App/>' 
});

console.log(this.$store.state.httpUrl)

// 將方法掛載到vue原型上
Vue.prototype.changeData = function (){
  alert('執(zhí)行成功');
}

//直接通過this運行函數(shù)，這里this是vue實例對象
this.changeData();

export default {
    data() {
 
    },
    methods: {
        randomString(encode = 36, number = -8) {
            return Math.random() // 生成隨機數(shù)字,
                .toString(encode) // 轉化成36進制
                .slice(number) 
        }
    }
}

import Vue from 'vue'
import mixin from '@/mixin'
 
Vue.mixin(mixin)

export default {
    mounted() {
        this.randomString()
    }
}

exports.install = function (Vue, options) {
    Vue.prototype.test = function (){
        console.log('test');
    };
};

import plugin from './plugin'
Vue.use(plugin);

this.test();