Vue.prototype.$appName = 'My App'

new Vue({
  beforeCreate: function () {
    console.log(this.$appName)
  }
})

Vue.prototype.appName = 'My App'

new Vue({
  data: {
    // 啊哦，`appName` 也是一個我們定義的實例 property 名！
    appName: 'The name of some other app'
  },
  beforeCreate: function () {
    console.log(this.appName)
  },
  created: function () {
    console.log(this.appName)
  }
})

// main.js
import Vue from 'vue'
import App from './App'
import router from './router'
import store from './store'

Vue.config.productionTip = false
Vue.prototype.$appName = 'main'

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

// 給所有組件注冊了一個屬性 $appName，賦予初始值 'main' ，所有組件都可以用 this.$appName 訪問此變量;
// 如果組件中沒有賦值，初始值都是'main'

// home.vue
<template>
  <div>
    <div @click="changeName">change name</div>
    <div @click="gotoTest2">goto test2</div>
  </div>
</template>

<script>
export default {
  methods:{
    changeName(){
      this.$appName = "test1"
    },
    gotoTest2(){
      this.$router.push('/about')
    } 
  }
}
</script>

// about.vue
<template>
  <div>
    <div>{{this.$appName}} in test2</div>
  </div>
</template>

Vue.prototype.$appName = { name: 'main' }

 // main.js
Vue.prototype.$reverseText = function (propertyName) {
  this[propertyName] = this[propertyName]
    .split('')
    .reverse()
    .join('')
}

// 相應(yīng)組件
<script>
export default {
  data() {
    return{
      message: 'Hello'
    }
  },
  created() {
    console.log(this.message) // => "Hello"
    this.$reverseText('message')
    console.log(this.message) // => "olleH"
  }
}
</script>

npm install vue-axios --save

npm install qs.js --save　　//它的作用是能把json格式的直接轉(zhuǎn)成data所需的格式

// mian.js
import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'

Vue.prototype.$axios = axios    //全局注冊，使用方法為:this.$axios
Vue.prototype.qs = qs           //全局注冊，使用方法為:this.qs

// 相應(yīng)組件
<script>
  export default{
    data(){
      return{
        userId:666,　　　　　　　　　
        token:'',
      }
    },
    created(){
      this.$axios({
        method:'post',
        url:'api',
        data:this.qs.stringify({    //這里是發(fā)送給后臺的數(shù)據(jù)
          userId:this.userId,
          token:this.token,
        })
      }).then((response) =>{          //這里使用了ES6的語法
        console.log(response)       //請求成功返回的數(shù)據(jù)
      }).catch((error) =>{
        console.log(error)       //請求失敗返回的數(shù)據(jù)
      })
    }
  }
</script>

import echarts from 'echarts'
Vue.prototype.$echarts = echarts 

import myLoading from 'base/loading'
Vue.component('myLoading',myLoading);

import ElementUI from 'element-ui';
Vue.use(ElementUI);