//基礎(chǔ)配置
import Vue from 'vue'
import App from './App.vue'
 
//引入已經(jīng)配置好的路由和vuex
import router from './router'
import store from './store/store'
 
// 導(dǎo)入less(樣式的導(dǎo)入例子，css,less)
//import '@/assets/xxx.less'
//導(dǎo)入js(例如)
//import xxx from 'xxx.js'
 
// 是否啟動(dòng)生產(chǎn)消息
Vue.config.productionTip = false
 
//第一種寫法
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
 
//第二種寫法
const myVue=new Vue({
  el:'#app',
  router,
  store,
  render: h => h(App)
})
 
export default myVue
 
// 其他js文件可以引用main.js的myVue實(shí)例從而調(diào)用myVue的router、store等等
//調(diào)用注意 main.$store,main.$router即使是vue原型鏈上的axios也可以被調(diào)用
//main.$axios

import Vue from 'vue'
import App from './App.vue'
//路由導(dǎo)入
import router from './router'
//vuex導(dǎo)入
import store from './store'
//npm下載好的三方axios包
import axios from 'axios'
// 是否啟動(dòng)生產(chǎn)消息
Vue.config.productionTip = false
// 設(shè)置axios的請求根路徑
axios.defaults.baseURL = 'url'
// 把 axios 掛載到 Vue.prototype 上
Vue.prototype.$http = axios
//其實(shí)是在Vue原型上增加了一個(gè)$http，然后在其余的vue組件的文件中,
//可以通過this.$http直接來使用axios
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
// 注冊elementUi
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
 
Vue.use(ElementUI)
// 是否啟動(dòng)生產(chǎn)消息
Vue.config.productionTip = false
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

// 該文件負(fù)責(zé)所有的公共組件的全局注冊
// vue插件機(jī)制: Vue.use
import PageTools from './PageTools'
 
export default {
  install(Vue) {
    Vue.component('PageTools', PageTools)
  }
}

import Components from './components'
Vue.use(Components)

main.js
const sendPhoneNumber = {applyPhone:"123456789",approvalPhone:"987654321"};
Vue.prototype.sendPhoneNumber = sendPhoneNumber;

this.sendPhoneNumber.applyPhone
this.sendPhoneNumber.approvalPhone