自學Vue的第03天

2021-09-24 08:25:45 字數 1862 閱讀 5263

繫結屬性值,簡寫::屬性

單向資料繫結:記憶體改變影響頁面

複製**

輸入框的值隨著name的變化而變化

只作用於有value屬性的元素

雙向資料繫結:記憶體改變影響頁面,頁面改變也會影響記憶體

複製**

第二個輸入框的值可以影響到第乙個輸入框

其原理是:

1、v-model輸入框中的name傳送改變

2、vue物件的name改變

3、v-bind:value輸入框改變

v-on:事件名="表示式||函式名"簡寫:@事件名="表示式||函式名"

事件可以是原生的,也可以是自定義的

複製**
複製**

正常情況下,vue資料直接被模板獲取,而filters,允許在vue資料改變後,再被filters加工一次,然後再被模板獲取

輸入:type="text"

name=""

id=""

v-model='instring'>

輸出:}

翻轉輸出:}

div>

new vue(

},filters:}})

script>

body>

複製**

***姓:type="text"

name=""

id=""

v-model='firstname'>

名:type="text"

name=""

id=""

v-model='lastname'>

}div>

new vue(

},watch: ,

lastname: function

(val)}})

script>

body>

複製**

這裡的function引數,第乙個引數是變更後的值,其實還有第二個引數,就是變更前的值

如果我們監聽的不是乙個基本型別,而是乙個物件,那麼就要開啟深度監聽才能檢測到變化

***姓:type="text"

name=""

id=""

v-model='firstname.aa'>

名:type="text"

name=""

id=""

v-model='lastname'>

}div>

new vue(,

lastname: 'bar',

fullname: 'foo bar'}},

watch: ,

//開啟深度監聽

deep:true

},lastname: function

(val)}})

script>

body>

複製**

***姓:type="text"

name=""

id=""

v-model='firstname'>

名:type="text"

name=""

id=""

v-model='lastname'>

}div>

new vue(

},computed: }})

script>

body>

複製**

第03天 c基礎

gcc 的常用選項 e 只進行預處理操作 gcc e hello.c o hello.i s 把c語言轉換成組合語言 gcc s hello.i c 只完成預處理和編譯工作得到以.o作為副檔名的目標檔案 gcc c hello.s o 指定生成的新檔案的名稱 std c89 std c99 wall...

UI學習第03天

以下是第03天一些學習體會和筆記 1 instancetype 可以自動檢查返回值的型別,非常好用。按鈕的本質 view view的本質uiimageview label 2 oc複習 slef 在物件方法中,代表自己,即當前類的物件。在類方法中,代表當前類。構造方法以 init開頭 類方法建議以類...

python自學第5天(MJ培根)

元祖 1 元祖 唯讀列表,兒子不可變,孫子可能變,可以迴圈查詢,可以切片23 tu 11,22,33,alex 原紗央莉 吉澤明步 桃谷繪理香 蒂亞 xiepeigen egon 4 tu 3 tu 3 upper typeerror tuple object does not support it...