Vue中js文件的导入导出

js导入导出 import

一个js文件想要通过import来导入另一个js文件，那另一个js文件就一定要使用export导出代码

注意:

1. 导出的可以是对象，变量，方法等
2. js的执行机制会默认把import 配置项给提高有限级，就是一个js文件的所有import都会同步最先执行

1. 默认导出

   1. 导出代码：

   export default {count:10}
   

   2. 导入代码：

   import  自定义一个变量名  from  '要导入的文件的路径'
   
   import router from './router/index.js'
   

2. 命名导出

   1. 导出代码

   export function a(){}
   
   const b = {name:'八戒',age:'200'}
   
   export b
   
   const c = 666
   
   export c
   

   2. 导入代码：

   import {和导出文件对应的变量名}  from  '路径'
   
   import { a } from './utils/index.js'
   
   //导入同一个js文件下的多个表达式
   import { a , b , c } from './utils/index.js'
   

3. 组合使用

   1. 导出代码

   export const name = '程序员'
   
   export const obj = {
     id:1,
     username:'zs'
   }
   
   export default [1,2,3]
   

   2. 导入代码

   import arr , {name , obj} from 'utils/index.js'
   

最后

以上就是尊敬火龙果为你收集整理的Vue中js文件的导入导出的全部内容，希望文章能够帮你解决Vue中js文件的导入导出所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。