vue cli 中的 import 和 export

1. vue cli 入口文件

public/index.html 类似PHP框架的 public/index.php

2. 全局脚本文件 main.js 项目入口

import 和 require 是JS模块化编程使用

require/exports 是CommonJS/AMD中为了解决模块化语法而引入的

import/export （导入/导出） 是ES6引入的新规范，因为浏览器引擎兼容问题，需要在node中用babel将ES6语法去编译成ES5语法

main.js 头部的 import

// 代表引入的是工具import Vue from 'vue'// 以 ./ 开头代表引入的是组件，./ 代表的是 src 目录import App from './App'// 也可以写为 后缀 .vue 可以省略，推荐省略// import App from './App.vue'

3. export

可以将

export default {  name: 'App',  components: {    HelloWorld  }}

理解为以下方法的第二个参数

Vue.component('', {})