vue入口文件main.js解析

本人也是才学习Vue不久，当看到脚手架搭建出来的Vue项目不知道是怎样的一个执行过程。知道main.js是入口文件，但是不明白里面的内容是为何。下面直接上代码讲解。

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import ElementUI from 'element-ui';

Vue.config.productionTip = false;

new Vue({
    router,
    i18n,
    render: h => h(App)
}).$mount('#app');

new Vue是用来构建根实例，一个项目中我们推荐只有一个根实例。

$mount是一种什么东西呢，经过查阅官方文档得知当没有声明el的时候可以使用$mount实现外挂载。

为何不用el要用$mount这种方式呢，经过查阅官方文档得知，eltemplaterendert这三种都是可以加载模板，但是有render的时候就会替代el或者template。而其我们存在render。所以只能用$mount这种方式声明挂载的位置。

render是一种加载模板的方式，

App指的是App.vue文件。

#app是指在public文件夹下的index.html文件一个元素的ID。到时候回把App.vue当作模板挂载到这个Id为app的下面。