Vue 模組化開發

隨著ajax非同步請求的出現，慢慢形成了前後端的分離

(function() )

常見的模組化規範：commonjs、amd、cmd，也有es6的modules

modul.exports = ,

demo(a, b) 
}

//commonjs模組

let  = require('modulea')
//等同於
let _ma = require('modulea')
let test = _ma.text
let demo = _ma.demo
let lazy = _ma.lazy

export let name = 'why'
export let age = 18
export let height = 1.78

let name = 'why'
let age = 18
let height = 1.78
export

// info.js

export default function ()

inport mylazy fron './info.js'

mylazy()

我們使用export指令匯出了模組對外提供的介面，下面我們就可以通過import命令來載入對應- 的這個模組了

首先，我們需要在html**中引入兩個js檔案，並且型別需要設定為module

inport  from "./info.js"

console.log(name, age, heigth)

import * as info from './info.js'

console.log(info.name, info.age, info.height, info.friends)

Vue模組化開發

是前端分離後 執行所需要的環境 內建了npm 包管理工具 後端之於m en 2.配置國內映象 npm config set registry 3.npm install webpack g 全域性安裝webpack 4.npm insatall g vue cli init 全域性安裝vue腳手架 ...

Vue的模組化開發

為什麼需要模組化 在我們以前編寫的js 中，因為js 從上到下執行，這樣當很多人同時編寫js時，可能a寫的變數被b修改了，當a在使用自己的變數，那麼就可能報錯，以前有乙個解決方案，就是使用函式，但是同時又出現了乙個問題，就是當a使用函式編寫js時，a在其他地方使用裡面變數，就使用不到 函式變數的作用...

模組化開發

講模組化開發之前，我們先了解一下 傳統開發模式 是什麼？比如說a所在的公司在做乙個專案，公司安排a跟b還有c三個人一起協同開發，a負責一部分功能塊，b負責另一部分功能塊，把專案的功能分成一塊一塊，這適用於多人協作開發，每個人負責不同的功能塊，當然，這其中有人是負責整合的，有人是負責開發公共功能塊的等...