vue cli 中的 import 和 export

2023-02-16 16:13:03 浏览数 (1)

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

代码语言:javascript复制
// 代表引入的是工具
import Vue from 'vue'

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

可以将

代码语言:javascript复制
export default {
name: 'App',
components: {
HelloWorld
}
}

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

代码语言:javascript复制
Vue.component('', {})

0 人点赞