Vue模組化開發

2022-09-08 07:12:07 字數 681 閱讀 9057

是前端分離後 執行所需要的環境

內建了npm 包管理工具  後端之於m**en

2.配置國內映象

npm config set registry

3.npm install webpack -g

全域性安裝webpack

4.npm insatall -g @vue/cli-init

全域性安裝vue腳手架

5.初始化vue專案

6.啟動vue專案

專案的package.json中有scripts,代表我們能執行的命令

npm start = npm run dev   //啟動專案

npm run build    //將專案打包

npm i element-ui

8.根據element-ui官網--快速上手中從main.js中引入

Vue 模組化開發

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

Vue的模組化開發

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

模組化開發

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