記錄下來以便未來看看現(xiàn)在的自己Ｏ找！
工作上對(duì)于vue.js真的很喜歡玖喘，以至于我再讓我去寫jquery甩牺，我就感覺寫起來好麻煩，因?yàn)閿?shù)據(jù)驅(qū)動(dòng)的方式確實(shí)簡(jiǎn)單的多累奈。
我們作為前端來說贬派，基本做的就是讓頁面發(fā)生狀態(tài)的改變?nèi)缓蟀研枰淖兒蟮臓顟B(tài)，返給后臺(tái)讓后臺(tái)保存澎媒。
而頁面的狀態(tài)改變分為兩種： 1搞乏，頁面樣式的改變，比如點(diǎn)擊改變顏色戒努，點(diǎn)擊布局改變请敦，這些都是頁面樣式的改變，2，頁面數(shù)據(jù)的改變冬三，比如購(gòu)物的數(shù)量匀油，點(diǎn)擊增加一個(gè)，比如 點(diǎn)擊增加頁面數(shù)據(jù)勾笆。
實(shí)際前后端的合作就是數(shù)據(jù)的合作敌蚜，后端給前端數(shù)據(jù)，前端來把數(shù)據(jù)顯示在頁面上窝爪，讓用戶看到弛车，然后前端把用戶的數(shù)據(jù)返回給后端，讓后端把用戶的數(shù)據(jù)存儲(chǔ)在后臺(tái)數(shù)據(jù)庫蒲每，需要改變就再改變纷跛，一切圍繞著數(shù)據(jù)來行動(dòng)。
以前我們用jquery的時(shí)候邀杏，是這樣的： 我們要先在DOM樹中找到這個(gè)元素贫奠，然后讓它做一些事情，比如添加class望蜡，$('#app').addClass('red')唤崭，這樣的思想是比較直觀的，想改變哪個(gè)元素就先找到它然后給它一些命令脖律，這就是jquery的中心思想谢肾。
而現(xiàn)在以vue.js，react.js為代表的MVVM框架都是數(shù)據(jù)驅(qū)動(dòng)的小泉，就是一切圍繞數(shù)據(jù)來做芦疏，你只需要關(guān)注數(shù)據(jù)的狀態(tài)，
數(shù)據(jù)改變頁面自動(dòng)會(huì)變微姊，再加上vue自帶的模板引擎酸茴，讓你寫起來更加舒服也更有效率。
以增加數(shù)據(jù)為例柒桑，我們要增加一個(gè)輸入框弊决，用jquery的話，首選我們需要拼接輸入框這個(gè)元素魁淳，然后找到對(duì)應(yīng)的元素飘诗，再append它的后面。
而用vue.js,我們只需要在對(duì)應(yīng)的數(shù)據(jù)數(shù)組中push一條數(shù)據(jù)就可以了界逛，var a =[], 然后a.push({input})就可以了昆稿，頁面就會(huì)自動(dòng)添加一個(gè)新的輸入框。
從jquery的命令式到vue的數(shù)據(jù)驅(qū)動(dòng)思想的轉(zhuǎn)變確實(shí)需要時(shí)間息拜，但數(shù)據(jù)驅(qū)動(dòng)確實(shí)能讓我們寫的代碼更少溉潭，同時(shí)也更有效率净响，代碼也更容易維護(hù)，因?yàn)橹皇窃诟淖償?shù)據(jù)喳瓣，簡(jiǎn)單也就是數(shù)據(jù)的增加馋贤，刪除和修改。
新的框架出現(xiàn)并能火起來畏陕，就一定代表著 這些新的東西確實(shí)能改變一些以前的很多不好的地方配乓，因?yàn)橛型袋c(diǎn)，所以才會(huì)有很多人去用惠毁，要不然也不可能發(fā)展起來犹芹。
前端的技術(shù)更新的算是比較快的，但總之也是html 和 css鞠绰，js腰埂，所以學(xué)好這些基礎(chǔ)知識(shí)，對(duì)你學(xué)習(xí)新的事物會(huì)更加快蜈膨，建議你現(xiàn)在學(xué)習(xí)數(shù)據(jù)驅(qū)動(dòng)的思想屿笼，并試試vue.js！丈挟！
