- 如果是 export 导出的文件,在导入时可以一次导入一个,也可以导入多个,但必须加上花括号!
-
import {add} from './math'
-
import {add, sub} from './math'
- 如果是 export default 导出的文件,只能一个一个的导入,且不需要加上花括号。一个模块中只能有一个export default默认输出。
-
import add from './math'
-
import sub from './math'
导入组件
(1)导入内部组件。通常在vue文件中导入组件、注册组件、使用组件。
<template>
<name1></name1>
</template>
<script>
import name1 from './name1'
import name2 from './name2'
components:{
name1,
name2,
}
</script>
导入外部组件。
// 引入全部组件
import Vue from 'vue'
import Router from 'vue-router' // vue-router是Vue.js官方的路由插件
import Mint from 'mint-ui' // Mint UI 是一个基于Vue.js 的移动端组件库。
Vue.use(Router)
Vue.use(Mint)
// 按需引入部分组件
import {Cell, Checklist} from 'mint-ui'
Vue.component(Cell.name, Cell)
Vue.component(Checklist.name, Checklist)