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 - 学习总目录