vue去哪兒複習

ytsiste發表於2020-10-03

1.使用vue.js在這裡插入圖片描述
2.使用元件化修改todo-list在這裡插入圖片描述
3.生命週期鉤子在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
4.模板語法在這裡插入圖片描述
5.計算屬性在這裡插入圖片描述
6.直接用方法計算(計算屬性有快取,效率更高)在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
物件繫結在這裡插入圖片描述
陣列繫結在這裡插入圖片描述
:style在這裡插入圖片描述
:style 陣列在這裡插入圖片描述
v-if和v-show區別在這裡插入圖片描述
v-if和v-else必須一起使用在這裡插入圖片描述
錯誤使用在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
加了key值後input就是唯一的在這裡插入圖片描述
v-for在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
物件這樣直接操作是沒有問題的在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
在根元件中的data是{}格式,但是在自元件中不行在這裡插入圖片描述
在自元件中的data必須是一個函式,而且還要返回值,因為自元件不會像根元件只呼叫一次,自元件會呼叫多次在這裡插入圖片描述
在vue中如何獲取dom,可以利用ref屬性獲取,那麼在div中得到的是

中的值hello world,但是在元件中呢? 在這裡插入圖片描述
在元件中用ref得到的就是元件中的引用data值 在這裡插入圖片描述

相關文章