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 - 學習總目錄