搭建vue單 應 程架構

2021-10-03 12:04:07 字數 794 閱讀 5218

1.項⽬構建⼯具vue-cli 

vue-cli是⼀個腳⼿架⼯具,為我們搭建了開發所需要的環境和

⽣成⽬錄架構

2. 路由vue-router

建立單⻚應⽤,我們的單⻚應⽤只做路由切換,元件拼湊成的

⻚⾯對映成路由,路由是我們單⻚應⽤的核⼼外掛程式

3. 狀態管理vuex

狀態管理庫,可理解為全域性資料集中地

推薦⼩項⽬盡量別⽤vuex,會顯得有點繁瑣,bus匯流排機制完全可以處理了

4. http請求⼯具axios( vue-resource官⽅已停⽌維護)

⼀個經過封裝的ajax,可以根據⾃⼰的項⽬情況再進⾏封裝

axios是經過了es6的promise封裝的

搭建前提條件:

1. node環境

命令⾏輸⼊node -v查詢版本號,有版本號即安裝成功

node⾃帶npm包管理⼯具(安裝好node也可以輸⼊npm -v檢視版本號)

--registry=

2. 安裝webpack

運⾏npm install webpack -g

3. 安裝vue-cli 2.x

npm install vue-cli -g

建立項⽬:vue init webpack 項⽬名(不要取中⽂名字)

4. 安裝vue-cli 3.x

npm install @vue/cli -g (npm install -g @vue/cli)都可以用

建立項⽬:vue create 項⽬名(不要取中⽂名字)

LNMP架構初識(單台搭建)

首先配置php源 命令安裝 啟動 root web01 cat etc yum.repos.d php.repo webtatic php name php repository baseurl gpgcheck 0 安裝nginx 安裝前必須先配置nginx源,配置源請看前面博文 root web...

Vue單頁面應用手動搭建基礎

1.vue檔案 vue檔案由三部分組成 template style script html template cssstyle js script 2.vue loader瀏覽器本身並不認為.vue檔案,所以必須對.vue檔案進行載入解析,此時需要vue loader 需要注意的是vue load...

從乙個vue專案開始搭建架構

1,專案目錄 專案位址 api 簡單api封裝 assest 存放靜態檔案包括css,通用js components 元件分公共元件和業務元件 router 公共路由 store 狀態管理機制,我做了一次分層 views 試圖層,按照模組分裝頁面 2,核心 先要梳理專案所需元素,通用less和js是...