yarn add sass-loader node-sass -d複製**複製**複製**
data:
})複製**
vue例項物件監控狀態改變，會導致頁面中引用狀態的元素更新
只有data屬性中的初始化屬性是被vue例項監聽做響應的，新增的屬性是不響應的
}
"htmltag">
複製**
once 渲染一次，狀態改變檢視不變
html 渲染成html標籤
"message">
"seen">繫結屬性時，如果屬性值為false, null, undefined則該屬性不生成
"seen + ''">
"seen ? 'true' : 'false'">}
複製**
將狀態繫結到元素屬性中，實現狀態與元素屬性的聯動
"seen">seen is true
seen is false
"seen">seen is true
複製**
動態切換狀態導致元素是否渲染到頁面中，開銷較大
"item in list"
:key="item"
>
}複製**
"handleclick">click
"handleclick">click
複製**
methods:
}})複製**
}
"message" />
複製**
表單改變狀態，狀態更新進而改變檢視
資料的雙向繫結v-model，其實就是給元素繫結狀態，再繫結change事件，在事件中改變狀態從而導致元素發生改變的語法糖
vue.component('todo-item', )複製**建立元件例項
複製**
呼叫元件時傳遞屬性prop
"message"
/>
複製**
元件接收屬性
vue.component('todo-item', }'
})複製**
data: ,
beforecreate
() ,
created
() {},
beforemount
() {},
mounted
() {},
beforeupdate
() {},
updated
() {},
beforedestroy
() {},
destroyed
() {},複製**
data: ,
computed:
}})複製**
計算屬性根據狀態的變化而發生改變，當狀態沒有發生變化而檢視更新時不會重新執行該方法
data: ,
watch:
}})複製**
console.log('newvalue: ', newvalue);
console.log('odvalue: ', oldvalue);
})複製**
當狀態message發生變化時就執行，通常執行非同步操作
未完待續:)
vue學習 筆記
v model 雙向繫結 v if v else if v else v on 繫結事件 v bind 繫結資料 v cloak 當vue未初始化完成前可不顯示為賦值的 vue屬性名稱 需要給v cloak設定 display none v for i迴圈次數 a資料中的資料 arr定義的陣列 最好...
vue學習筆記
vue學習筆記 從7月2日到7月4日三天的學習成果 一 vue的起步 及配置環境 3 使用vue cli快速搭建vue專案vue init webpack 為專案名 建立成功需要等待一段時間 4 輸入npm run dev編譯專案，成功後根據提示或根據修改的埠號登陸 lacalhost 5.看到下圖...
vue 學習筆記
1.v if v show區別 v if 是 真正 的條件渲染，因為它會確保在切換過程中條件塊內的事件 和子元件適當地被銷毀和重建。v if 也是惰性的 如果在初始渲染時條件為假，則什麼也不做 直到條件第一次變為真時，才會開始渲染條件塊。相比之下，v show 就簡單得多 不管初始條件是什麼，元素總...