整理vue2 0中的指令

2021-08-21 22:40:31 字數 371 閱讀 8315

1.  v-bind(語法糖 ":"). 將dom的屬性值變成js環境,或者繫結樣式和類;

2.  v-model. 實現資料雙向繫結;

3.  v-on(語法糖"@").  為dom繫結事件;

4.  v-if,v-else,v-else-if.  條件模板指令. v-if可通過true和false的切換實現建立和刪除元素;

5.  v-show   實現元素的顯隱,配合.demo-enter等實現動畫;

6. v-for   迴圈模板指令;

7.  v-cloak  配合display:none  解決插值閃動問題;

8.  v-once  定義它的元素或者元件只渲染一次,包括元素或元件的所有子節點.(專案中很少使用)

Vue2 0中的Ajax請求

vue可以借助於vue resource來實現ajax請求 http請求報文 瀏覽器與伺服器資料互動是遵循http協議的,當瀏覽器要訪問伺服器的時候,瀏覽器需要將相關請求資料提交給伺服器。格式分為 請求報文行 請求報文頭 請求空行 請求報文體 http響應報文 當瀏覽器請求伺服器的時候,伺服器需要將...

Vue2 0學習筆記 Vue中的Mixins

在專案開發的時候,常會碰到這樣的一種現象 有兩個元件非常相似,比如較為熟悉的modal tooltip和popover,它們都具有同樣的基本函式,而且它們之前也有足夠的不同。很多時候,就讓人很難做出選擇 是把它們拆會成多個不同的元件呢?還是只使用乙個元件,建立足夠的屬性來改變不同的情況。這些解決方案...

Vue 2 0學習筆記 自定義指令

在vue中為了更好的操作dom元素,其內建了一些指令,比如v model v if v show v text v html v for和v bind等。除此之外,vue也允許註冊自定義指令 建立自定義指令,在vue中乙個指令定義物件可以提供下面幾個鉤子函式,而這幾個鉤子函式都是可選的 bind 只...