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才能修改...