vue cli 中的 import 和 export

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('', {})