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