Vue簡介
廢話不多說汹忠,后面文字可能會引用官網(wǎng)的文字被辑,請大家忽略,主要看代碼
什么是vue?
Vue的核心庫只關(guān)注視圖層已球,不僅易于上手臣镣,還便于與第三方庫或既有項目整合。Vue 也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動智亮。
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>
上面的代碼message會響應(yīng)忆某,只要通過各種方式修改message的值,message會實時在模板中改變阔蛉,好神奇哦弃舒!比起之前用原生js配合html實時獲取Input值,為什么會這么簡單馍忽?
Vue的兩個特點: 雙向數(shù)據(jù)綁定棒坏, 虛擬DOM
雙向數(shù)據(jù)綁定使得數(shù)據(jù)實時刷新,期間vue做了很多工作遭笋,通過觀察者模式來實現(xiàn)雙向數(shù)據(jù)綁定坝冕,通過虛擬DOM實現(xiàn)最小的更新dom,減少瀏覽器的重繪和渲染瓦呼。
什么是雙向數(shù)據(jù)綁定喂窟?
什么事觀察者模式?
什么是虛擬DOM?
什么是瀏覽器的重繪和渲染央串?