一： 什么是main.js？
main.js是项目的入口文件，项目中所有的页面都会加载main.js。
主要有三个作用：
1.实例化Vue。
2.放置项目中经常会用到的插件和CSS样式。
3.存储全局变量。
项目创建完毕，main.js中会有默认的配置，但是要想真正投入使用，这种简版的配置是不够的。以下通过配置三项内容让读者有个初步的了解，废话不多说开整。
二： 使用方法
1. 引入Vue库和App.vue组件
首先，我们需要在main.js文件中引入所需的依赖：Vue库和App.vue组件。示例代码如下：
import Vue from 'vue'
import App from './App.vue'
在上面代码中，import是ES6语法中引入模块的方法。Vue表示引入Vue库，App表示引入App.vue组件，其中，./表示当前目录。在实际项目中，可能还会引入其他依赖，这里不再赘述。
2. 创建Vue实例并挂载到DOM
接着，我们需要在main.js文件中创建Vue实例，并将实例挂载到指定的DOM元素上。示例代码如下：
new Vue({
render: h => h(App)
}).$mount('#app')
上面代码中，我们使用了Vue的render函数，将App组件渲染为真实的DOM元素。$mount函数则将Vue实例挂载到指定的DOM元素上，这里我们将实例挂载到了id为app的元素上。在实际项目中，$mount函数也可以通过在Vue实例中设置el属性来完成挂载。
三： 示例
示例1：动态修改挂载元素
以下示例演示如何动态修改挂载元素，使Vue实例可以灵活地挂载到不同的DOM元素上。完整代码如下：
import Vue from 'vue'
import App from './App.vue'
let instance = new Vue({
render: h => h(App)
})
// 将Vue实例挂载到id为app的元素上
instance.$mount('#app')
// 动态修改挂载元素为id为box的元素
setTimeout(() => {
instance.$mount('#box')
}, 3000)
上例中，我们先创建Vue实例，并将其挂载到id为app的元素上。然后通过setTimeout函数，定时3秒后将挂载元素修改为id为box的元素。这样，在3秒后，Vue实例就会从app元素中移除，并挂载到box元素上。
示例2：添加全局组件
以下示例演示如何在main.js文件中添加全局组件，使得在整个Vue项目中均可使用该组件。完整代码如下：
import Vue from 'vue'
import App from './App.vue'
import MyButton from './components/MyButton.vue'
// 添加全局组件MyButton
Vue.component('my-button', MyButton)
new Vue({
render: h => h(App)
}).$mount('#app')
本例中，我们先定义了一个名为MyButton的组件，并将其引入到main.js文件中。然后，通过Vue.component方法将组件注册为全局组件，这样整个Vue项目中均可使用<my-button>标签调用该组件。在实际项目中，我们也可以通过组件注册方式来动态添加全局组件。
