一凿可、MVVM
1.背景：用js操縱html
1.1. 直接用js操縱dom節(jié)點秃臣，原生API
var dom = document.getElementById('name');
dom.innerHTML='Homer';
dom.style.color = ' red' ;
1.2. jQuery塞俱，更加便捷修改dom節(jié)點
<p>Hello, <span id="name"> </span>!</p>
var name='Homer';
$('#name').text(name);
1.3. MVC模式抡笼，JS渲染數(shù)據(jù)
=>MVVM模式：不修改dom節(jié)點畔柔，直接控制js對象咖驮，框架同步更新dom狀態(tài)
【View：顯示哼丈，HTML某些DOM節(jié)點】-【ViewModel：同步對象】-【Model：js對象】
綜合比較最容易上手的框架：vue
<div id='app'>
<p>Hello,{{ name }} </span>
</div>
var app= new Vue({
el: '#app',
data: {
name:'Bart'
}
});
2.單向綁定
model（js中var部分）變化映射??dom結(jié)構(gòu)（html顯示）
3.雙向綁定
model????dom启妹，例如：填寫表單
4.Vue & Angular & React
二、Vue
1.Vue的生命周期
1.1生命周期概述
生命周期參考
vue每個組件都是獨立的醉旦，每個組件都有一個屬于它的生命周期饶米，從一個組件創(chuàng)建桨啃、數(shù)據(jù)初始化、掛載咙崎、更新优幸、銷毀，這就是一個組件所謂的生命周期褪猛。
即：創(chuàng)建前后网杆、載入前后、更新前后伊滋、銷毀前后
1.2生命周期的作用是
生命周期中有多個事件鉤子碳却，讓我們在控制整個vue實例的過程時更容易形成好的邏輯。
1.3第一次頁面加載觸發(fā)哪些鉤子
beforeCreat created
beforeMount mounted
1.4DOM渲染笑旺、AJAX在那個周期中完成
mounted
