軟體開發全生命週期必備文件整理（@附文件下載）
vue筆記
vue基礎
資料的頁面展示{{}} ,v-once,v-html
資料繫結屬性v-bind,簡寫用:
事件呼叫：v-on,簡寫：@
V-if與v-show，異同
v-for 用in和of都一樣，迴圈陣列的時候，可以有兩個引數，迴圈物件時，可以有三個引數
style與class繫結
計算屬性
表單雙向繫結
新建vue單頁面應用
一共有兩種方式：
-
vue/cli
-
vite
vue/cli
vue/cli是基於webpack
npm install -g @vue/cli
這樣就可以在全域性安裝vue/cli，輸入命令，檢視安裝是否成功
vue --version
#or
vue -V
能出現對應的vue/cli的版本，即為安裝成功。
在這一步過程中，很可能會出錯，出錯率10%左右，如果安裝明明成功了，但是無法顯示版本號，並且提示vue not ...command，則為環境變數需要配置。
npm list -g
檢視全域性環境下，包安裝路徑，複製其，配置電腦的環境變數，重啟cmd即可。
vue/cli安裝成功後，即可新建專案
使用vue/cli新建專案有兩種方式
命令列新建
vue create hello-world
中間經過若干步驟，按需匯入使用。
O Babel 把es6等高階程式碼轉成低端程式碼，供低版本瀏覽器使用
O TypeScript TS微軟新出的一門語言，可以用來生成js
o Progressive Web App (PWA) Support 移動端app支援
o Router 路由
o Vuex 一種統一狀態管理工具（存資料的）
o CSS Pre-processors css前處理器支援（可以用來把less等高階css語言轉成普通css）
• Linter / Formatter （程式碼風格）
o Unit Testing 測試
O E2E Testing 測試
vue ui新建（不推薦）
vue ui
正常情況下，會自動開啟預設瀏覽器頁面，進行配置
如果出錯，檢查把防毒軟體都關掉
使用vite新建
不基於webpack，速度更快，體積更小，僅支援vue3.x，不支援2.x，並且目前還不是很穩定，正在完善中，建議將來使用。
npm init vite-app hello-world
如果報錯：
Need to install the following packages:
create-vite-app
Ok to proceed? (y)
輸入y進行安裝create-vite-app即可。
專案目錄
babel.config.js babel配置檔案
dist 生成的用於上線的低端程式碼
jsconfig.json js配置檔案
node modules 包倉庫
package-lock.json package的升級版，把包固定在某個版本
package.json 專案配置檔案
public 公共檔案
README.md
src 程式設計師開發寫的內容
App.vue 主元件
assets 靜態檔案
components 元件盛放資料夾
main.js 主要js（入口js）
vue.config.js vue配置檔案
開啟 nom run serve
元件
新建元件，引入元件，註冊元件，使用元件
父子間的傳值
父傳子用props（props驗證，指定預設值，指定多個數據型別）
子傳父用$emit（傳參）
什麼是MVVM
-
模型
-
模型是指代表真實狀態內容的
-
檢視
-
就像在
-
檢視模型
-
檢視模型是暴露公共屬性和命令的檢視的抽象。MVVM沒有MVC模式的控制器，也沒有MVP模式的presenter，有的是一個繫結器。在檢視模型中，繫結器在檢視和資料繫結器之間進行通訊。
-
繫結器
-
宣告性資料和命令繫結隱含在MVVM模式中。在Microsoft解決方案堆中，繫結器是一種名為
ViewModel，沒錯，就是這個ViewModel，他是MVVM相對於MVC改進的核心思想。在開發過程中，由於需求的變更或新增，專案的複雜度越來越高，程式碼量越來越大，此時我們會發現MVC維護起來有些吃力，首先被人吐槽的最多的就是MVC的簡寫變成了Massive-View-Controller（意為沉重的Controller） 由於Controller主要用來處理各種邏輯和資料轉化，複雜業務邏輯介面的Controller非常龐大，維護困難，所以有人想到把Controller的資料和邏輯處理部分從中抽離出來，用一個專門的物件去管理，這個物件就是ViewModel，是Model和Controller之間的一座橋樑。當人們去嘗試這種方式時，發現Controller中的程式碼變得非常少，變得易於測試和維護，只需要Controller和ViewModel做資料繫結即可，這也就催生了MVVM的熱潮。