Vue學習 4 模組化開發

主講老師：王紅元

weibo：coderwhy

weichat：372623326

from：www.520it.com

小碼哥教育

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

比如全域性變數同名問題:看右邊的例子

另外,這種**的編寫方式對js檔案的依賴順序幾乎是強制性的

解決目標：

1. 命名衝突

2. **復用性

解決方法

閉包

閉包解決了變數作用域的問題(變數只能在函式內部使用)，但是破壞了**的復用性

;

(function()
var flag =
true;if
(flag)})
()

//方案三：模組化

var modulea =
(function()
var name =
'小明'
;var age =22;
function
sum(num1, num2)
var flag =
true;if
(flag)
obj.flag = flag;
obj.sum = sum;
return obj;})
()

//方案三：模組化;(

function()
})()

(

function())()

接下來,我們在man.js中怎麼使用呢?

var modulea =

(function()
;// 2.在物件內部新增變數和方法
obj.flag=
true
obj.
myfunc
=function
(info)
// 3.將物件返回
return obj;})
()if(modulea.flag)
modulea.
myfunc
('小明長得真帥'
)	console.
log(modulea)
;

我們來到main.js中,這樣使用就可以了

另外,需要注意:

Vue 模組化開發

隨著ajax非同步請求的出現，慢慢形成了前後端的分離 function 常見的模組化規範 commonjs amd cmd，也有es6的modules modul.exports demo a,b commonjs的匯入 commonjs模組 let require modulea 等同於 let ...

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在其他地方使用裡面變數，就使用不到 函式變數的作用...