一、main.js
main.js是程序的入口，用于初始化vue实例，使用需要的插件，加载公共组件
需要导入
实例化vue
三、import from
刚开始接触vue，下面这段代码看的不明白，总觉的这个路径不对
后来网上查询，看到简书上有个人总结的，才明白
转载地址：https://www.jianshu.com/p/c0be35475e54
解释代码之前，先来看我的项目文档（这5行代码位于main.js中）：
那么现在我对上述代码一一作出解释：
import Vue from 'vue' 最完整的写法是：import Vue from "../node_modules/vue/dist/vue.js"
import App from './App' 最完整的写法是：import App from './App.vue'
import router from './route' 最完整的写法是：import router from './route.js'
import axios from 'axios' 最完整的写法是：import axios from '..\node_modules\axios\dist\axios.js'
和引入vue文件是一样的原理，都是从node_modules中加载相应名称的模块。
import './less/index' 最完整的写法是：import './less/index.less'
而且不难发现后缀名都省略了，那是不是所有文件的后缀都可以省略呢？不是的
extensions指定了可导入的文件类型，vue1.x是在webpack.base.conf.js中设定，2.x需要自己写一个vue.config文件，在里面设定。
图上可导入的类型中，.js .vue .styl 都是可以省略后缀，.json不能省略(特殊)
如果test.js 和 test.vue是在同一个文件夹下，那导入的顺序是js>vue
from 后面的来源可以是文件，也可以是文件夹
import test from './components'
import { Navbar, Sidebar, AppMain } from './components'
参考：https://blog.csdn.net/fyyyr/article/details/83657828
有的项目里面写
import bordertip from '@/bordertip/bordertip'
import { wxConfig } from '#/js/wxconfig'
这个@ # 什么指代呢？
事实上也在配置文件里，里面有alias 这里指代了
@ 号替代src/components
#号替代src/common
总结： 1.import...from...的from命令后面可以跟很多路径格式，若只给出vue，axios这样的包名，则会自动到node_modules中加载；若给出相对路径及文件前缀，则到指定位置寻找。 2.可以加载各种各样的文件：.js、.vue、.less等等。 3.可以省略掉from直接引入。 4.有些后缀名省略了 5.可以用别名替代某些指代的文件夹
