ES6的模塊化開發

模塊化開發:

模塊化開發能使咱們開發項目時變得更快以及在後期維護項目時更利於維護。在node.js中有模塊化開發的概念,若是想要在node.js中使用模塊要使用     requirevue

在之前講過node.js有三種模塊:1.原生模塊(nodejs自帶模塊) ,2.第三方模塊(相似於jquery之類的,別人寫的須要下載才能使用),3.自定義模塊。          在模塊化開發中咱們須要使用相關手段引入模塊才能使用。node

Es6的模塊化

上面寫了自定義模塊,自定義模塊就是咱們本身寫的js文件(在vue中是咱們本身寫的js文件或者後綴爲vue的文件)jquery

模塊導出:

export default 值模塊化

const 變量名 =值 export default 變量名 ui

注:這裏的值能夠是任意數據類型。spa

模塊導入:

import 自定義名字 from "模塊的路徑"模塊化開發

導出和導入多個模塊

導出:export let 變量名=值開發

導出: let 變量名=值import

export {變量名} require

導入:import {變量名} from "模塊的路徑"

注:這裏的值能夠是任意數據類型,使用多個模塊導出和導入在導入模塊時導出模塊時變量名要保持一致,在導入時要和導出的變量名保持一致

相關文章
相關標籤/搜索