Javascript - Vue - 模块导入导出

所有的css、js文件包都可以看成是一个一个的模块，ES6支持js文件的相互引用，你可以把需要用到的css、js文件统一导入到某个js文件中，然后在html文档中只需要引入一个js文件即可。

js文件的导入导出

导入js

//node_modules目录下的第三方js包的导入
import Vue from "vue";
import $ from 'jquery'; 
//自己创建的js包的导入
import person from "./js/person" //默认导入
import person , { employee as e, result } from "./js/person";//非默认导入

导出js

var person = {
    name: "sam",
    age: 19
};
export default person;

导出js（非默认）

一个js文件只能导出唯一的一个默认的js变量，要导出多个变量可以使用非默认的导出

export var employee = {
    name: "korn",
    job: "程序员",
    gender: "男"
};

export var result = 1;

css文件的导入

css文件不需要导出，直接导入即可

//node_modules目录下的第三方css包的导入
import import "Bootstrap/dist/css/bootstrap.min.css"
//自定义的css包的导入
import "./css/style.css"; 

 

　　

Javascript - 学习总目录