vue main.js

來源：懂視網(wǎng) 責(zé)編：李贏贏時(shí)間：2022-01-22 16:15:02

vue main.js

1、main.js文件解析：src/main.js是入口文件，主要作用是初始化vue實(shí)例并使用需要的插件，在main.js文件中定義了一個(gè)vue對象，其中el為實(shí)例提供掛載元素。2、公共方法申明。?3、其他問題、vue項(xiàng)目腳手架自動生成：Vue.config.productionTip=false

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀1、main.js文件解析：src/main.js是入口文件，主要作用是初始化vue實(shí)例并使用需要的插件，在main.js文件中定義了一個(gè)vue對象，其中el為實(shí)例提供掛載元素。2、公共方法申明。?3、其他問題、vue項(xiàng)目腳手架自動生成：Vue.config.productionTip=false

vue main.js呢？不知道的小伙伴來看看小編今天的分享吧!

1、main.js文件解析：

src/main.js是入口文件，主要作用是初始化vue實(shí)例并使用需要的插件

在main.js文件中定義了一個(gè)vue對象,其中el為實(shí)例提供掛載元素

//基礎(chǔ)配置
import Vue from ‘vue'
//引入已經(jīng)配置好的路由和vuex
import router from './router'
import store from './store/store'
import App from './App'
//實(shí)例化一個(gè)Vue，掛載到id為app的div里面，這個(gè)vue實(shí)例有個(gè)局部組件App
 const myVue = new Vue({
    el: '#app’,
    router,
    store,
    components: { App },
    template: '<App/>',
    data() {
        return {
            globaluserAgent: ''
     }
    },
    created() {
    }
})
//其他js文件可以引用main.js的myVue實(shí)例從而調(diào)用myVue的router、store等等
export default myVue

2、公共方法申明

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