繫結屬性值,簡寫::屬性
單向資料繫結:記憶體改變影響頁面
複製**
輸入框的值隨著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...