main。js|vue

1、main.js檔案解析：

src/main.js是入口檔案，主要作用是初始化vue實例並使用需要的插件

在main.js檔案中定義了一個vue對象,其中el爲實例提供掛載元素

//基礎配置import Vue from ‘vue'//引入已經配置好的路由和vueximport router from './router'import store from './store/store'import App from './App'//實例化一個Vue，掛載到id爲app的div裏面，這個vue實例有個局部組件App const myVue = new Vue({    el: '#app’,    router,    store,    components: { App },    template: '<App/>',    data() {        return {            globaluserAgent: ''     }    },    created() {    }})//其他js檔案可以引用main.js的myVue實例從而調用myVue的router、store等等export default myVue

2、公共方法申明

//將axios設定成全局共用import * as axios from './axios'// 全局調用axios添加vue的實例方法Vue.prototype.$axios = axios//使用方式就可以是this.$axios.調用接口方法//透過vue.use使用插件import VueAwesomeSwiper from 'vue-awesome-swiper'// 輪播圖插件Vue.use(VueAwesomeSwiper)//vue實例註冊，要注意在js檔案裏無法使用（除非引入了vue），這裏可以使用window去註冊使用import allUrl from './config/config'window['getUrl'] = () => {    return allUrl}//使用方式window.getUrl().方法名

3、其他問題

vue項目腳手架自動生成：Vue.config.productionTip = false

Vue.config.productionTip = false

上面這行代碼的意思 是阻止顯示生產模式的消息，作用是來關閉生產模式下給出的提示。

開發模式：npm run dev是前端自己開發用的

生產模式：npm run build 打包之後給後端放在服務端上用的

如果沒有這行代碼，或者設定爲true，控制檯就會多出這麼一段代碼。

You are running Vue in development mode.

Make sure to turn on production mode when deploying for production.