vue2.0：（三）、项目开始，首页入门（main.js，App.vue,importfrom）

接下来，就需要对main.js App.vue 等进行操作了。

　　但是这就出现了一个问题：什么是main.js，他主要干什么用的？App.vue又是干什么用的？main.js 里面的import from又在干嘛？newVue（{}）是干嘛的？里面又需要什么参数，它到底能干什么。在网上搜了一篇博文，解答一些初级的困惑。

　　一、什么是main.js?里面一般都是些什么内容？

　　      1、 main.js 程序入口文件，是初始化vue实例并使用需要的插件,加载各种公共组件.

import Vue from 'vue'
import App from './App'

/* eslint-disable no-new */
new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

　　　 2.import from 是干嘛的呢？

　　　　实际上，importfrom是ES6语法里面的。因为相关知识很多，具体参见博客里ES6里面的import，export。

　　　　在这里只是给大家介绍下它在这里的用处。

　　　　a.

import Vue from 'vue';

　　　　其实最完整的写法是：

　　　　　　　　　　　　　　

import Vue from "../node_modules/vue/dist/vue.js";

 　　　　意思是：因为main.js是在src文件中，所以../向前一级相对目录查找node_modules，再依次寻找后面的文件。

 　　b.