vue的初體驗

2021-08-20 08:20:03 字數 763 閱讀 3103

詳細看vue的官方文件。

此處記錄純屬個人在使用中的一些小結:

1、v-text:操作元素的純文字,其簡寫形式:}

eg:   簡寫為:}

2、v-html:其作用和v-text一樣,唯一的區別是瀏覽器會將v-html的資料當成html標籤解析後輸出

3、繫結事件用『v-on:click』標誌,『v-on:』可簡寫為『@』

4、實現資料的屬性繫結用『v-bind』,html的屬性不能使用}繫結,只能使用v-bind繫結

eg:5、實現資料的屬性繫結用『v-bind』,html的屬性不能使用}繫結,只能使用v-bind繫結

eg:6、雙向繫結語句:v-model,主要用於input標籤中,實時獲取輸入的資料

提交

7、v-show、v-if都通過例項物件中的true和false是否隱藏資料,區別在於v-if直接移除為false的值,v-show的值為false時隱藏標籤,但並不刪除標籤

8、迴圈指令:v-for

hello word

toggle

9、todo-list元件拆分(全域性元件)

提交

10、元件與例項的關係

提交

11、計算器與監聽屬性

姓:名:}

}

vue路由初體驗

這裡記一下,免得後面到處是錯 而且總是出錯,大部分是單詞打錯了,注意細節 新建乙個資料夾modules 裡面放router.js 在裡面import vue from vue 引入vue import index from comptents index index.vue 先引入等下要跳轉的模組 ...

Vue初體驗(一)

每個 vue 應用都需要通過例項化 vue 來實現。語法格式如下 varvm newvue 接下來讓我們通過例項來看下 vue 構造器中需要哪些內容 可以看到在 vue 構造器中有乙個el 引數,它是 dom 元素中的 id。在上面例項中 id 為 vue det,在 div 元素中 div id ...

vue 初識(概念 Vue初體驗)

1 vuejs 1 漸進式 可以將vue作為應用的一部分嵌入其中,例如 在重構的時候可以一點一點的進行 2 特點 解耦資料和檢視 可復用的元件 乙個元件可以在多個介面中使用 前端路由技術 狀態管理 虛擬dom 2 vuejs的安裝 方式一 cdn引入 利用的是網路資源,速度會降低 分為開發環境和生產...