Vue基礎知識學習(後端)

2022-05-03 07:27:10 字數 771 閱讀 1702

vue安裝

-直接引用cdn

-npm安裝(構建大型應用使用,在這不用)

-命令列工具(構建大型單頁應用,在這不用)

vue基本**結構

}

指令1:v-text,v-html,顯示文字內容

區別:v-html中的資料原樣顯示

v-html中的資料可能會被轉義,比如會被當成html**

指令2:v-on,繫結事件指令

簡寫:v-on指令可以簡寫為 @ , 例如 v-on:click=」show」 簡寫為 @click=」show」

指令3:v-bind,屬性繫結
屬性繫結

簡寫:v-bind:指令可以簡寫為 : , 例如 v-bind:title=」title」 簡寫為::title=」title」

指令4:v-model,雙向資料繫結
}

偵聽器:監聽某個資料發生變化
}

初始化頁面完成後渲染資料 mounted
指令5:v-show,v-if,顯示與隱藏
點選切換

}區別:v-if隱藏時移除dom,v-show隱藏時hiden,頻繁隱藏顯示時v-show比較好

指令6:v-for,迴圈
v-for指令:

vue學習(基礎知識)

下面是新增元件的兩種方式 申明方法和變數,並進行應用。命令 config index.js package.json 專案資訊 使用vue之前需要先安裝nodejs。參考 在cmd中使用以下命令 npm install g vue cli 安裝腳手架 npm run dev 在demo資料夾下使用該...

學習vue基礎知識(四)

將同乙個事件迴圈內的所有資料操作進行和並 然後統一更新並不是資料修改一次就更新一次 自動執行引入模組內部的install方法install 方法一般做的是全域性註冊元件 v model 使用場景 1.表單元素上 2.元件上在元件使用v model 提供可乙個叫 value 自定義屬性 提供了乙個叫 ...

學習vue基礎知識(二)

全域性狀態管理 多元件共享狀態 多個元件使用同乙個資料 任何乙個元件發生改變 其他的元件也要跟著發生相應的變化 建立全域性狀態管理的例項 註冊在元件裡使用全域性狀態值 a.獲取渲染全域性狀態值b.修改全域性狀態值 5大核心 state 全域性狀態資料mutation 規定只有mutation才能修改...