1、單向資料流:
view -> actions->state->view
state:驅動應用的資料來源,狀態
view:以宣告的方式將state對映到檢視
actions:響應在view上的使用者輸入導致的狀態變化
單項資料流過程:
簡單的單向資料流是只使用者訪問view,view發出使用者互動的action,在action裡對state進行響應更新。state更新後會觸發view更新頁面的過程這樣資料總是清晰的單向進行流動,便於維護並且可以**。
vue-cli
nodejs搭建的伺服器
webpack工程 打包
vue專案 vue的**
3、專案目錄結構
package.json
src 源**
index.js
index.css
pages目錄-子頁面
category.js
category.css
components 目錄-共用元件目錄
header.js
header.css
public 靜態資源
index.html
build 打包後目錄
注意:
專案部署時,可以將build中的子目錄和子檔案部署到apache上。也可以將整個build資料夾部署上去
因為經過yarn build或npm run build打包的時候,預設使用絕對路徑,所以在部署時找的是部署環境的根目錄的**。
build目錄結構
htdocs -->伺服器資料夾
static -->打包後的static資料夾,之下有css檔案和js檔案
cssjsindex.html
在此時伺服器找的是htdocs之下同級的index.html,所以localhost:80/index.html是可以訪問到的
當將build檔案也一起部署時,目錄結構為
htdocs -->伺服器資料夾
build
static -->打包後的static資料夾,之下有css檔案和js檔案
cssjs
index.html
此時就需要我們在打包時將絕對路徑改為相對路徑,方法為在package.json檔案中新增一行
「homepage」:".",
01 swift的簡單了解
swift語言是蘋果公司2014年在美國舊金山召開的wwdc上發布的一門語言。swift是完全物件導向的語言,自身具有建構函式和析構函式。建構函式是以init開頭的函式,而析構函式是以deinit開頭的函式,建構函式在建立物件的時候自動呼叫,不需要主動呼叫init函式 析構函式是在物件宣告週期結束的...
react安裝極其了解
全域性安裝react腳手架工具 1.換源 npm config set registry 2.配置後通過以下方法驗證是否成功 npm config get registry react的render方法 對於元件而言 建立時執行 state發生變化 props發生變化執行 forceupdate 對...
了解 React 之 hooks(三)
在前面的文章 了解 react 之 hooks 二 中介紹了 hooks 的 3 個效能優化 api,分別為 react.memo react.usecallback react.memo。本文主要介紹 useeffect 的第二個引數。1.使用 useeffect,不給第二個引數 import r...