成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Vue學(xué)習(xí)日記（二）——Vue核心思想

taohonghui / 3565人閱讀

摘要：前言是一個(gè)提供數(shù)據(jù)雙向綁定的庫(kù)，其核心思想無(wú)非就是數(shù)據(jù)驅(qū)動(dòng)組件系統(tǒng)數(shù)據(jù)驅(qū)動(dòng)的核心是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)，它讓數(shù)據(jù)與保持同步非常簡(jiǎn)單。和所以只兼容及以上版本，可稱為基于依賴收集的觀測(cè)機(jī)制。核心是，即，保證數(shù)據(jù)和視圖的一致性。

前言

Vue.js是一個(gè)提供MVVM數(shù)據(jù)雙向綁定的庫(kù)，其核心思想無(wú)非就是：

數(shù)據(jù)驅(qū)動(dòng)

組件系統(tǒng)

數(shù)據(jù)驅(qū)動(dòng)

Vue.js 的核心是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)，它讓數(shù)據(jù)與DOM保持同步非常簡(jiǎn)單。在使用 jQuery 手工操作 DOM時(shí)，我們的代碼常常是命令式的、重復(fù)的與易錯(cuò)的。Vue.js 擁抱數(shù)據(jù)驅(qū)動(dòng)的視圖概念。通俗地講，它意味著我們?cè)谄胀℉TML模板中使用特殊的語(yǔ)法將 DOM “綁定”到底層數(shù)據(jù)。一旦創(chuàng)建了綁定，DOM將與數(shù)據(jù)保持同步。每當(dāng)修改了數(shù)據(jù)，DOM 便相應(yīng)地更新。這樣我們應(yīng)用中的邏輯就幾乎都是直接修改數(shù)據(jù)了，不必與 DOM 更新攪在一起。這讓我們的代碼更容易撰寫、理解與維護(hù)。

本人在閱讀vue.js源碼的時(shí)候，也發(fā)現(xiàn)了vue的數(shù)據(jù)驅(qū)動(dòng)無(wú)非就是利用的是ES5Object.defineProperty和存儲(chǔ)器屬性，個(gè)人覺(jué)得也是vue比較輕便和靈活的原因之一。

getter和setter（所以只兼容IE9及以上版本），可稱為基于依賴收集的觀測(cè)機(jī)制。核心是VM，即ViewModel，保證數(shù)據(jù)和視圖的一致性。

附：vue.js源碼圖在github上vue打包好的dist文件下面的vue.js可以找到（該圖與核心技術(shù)無(wú)關(guān)，只是說(shuō)明vue使用這個(gè)屬性）

這個(gè)存儲(chǔ)器屬性也就是vue的核心，也是比jq好的地方之一，jq是通過(guò)綁定事件來(lái)進(jìn)行操作dom，而vue和react是通過(guò)操作obj的屬性來(lái)重新渲染dom




    
    
    
    Document
組件系統(tǒng)

組件系統(tǒng)，就是由于vue有比較優(yōu)秀的組件系統(tǒng)，所以，現(xiàn)在很多項(xiàng)目也都采用了vue框架，如果你想要深入的了解組件系統(tǒng)，建議可以看看vue的官方文檔

用官方一點(diǎn)的話來(lái)形容，組件化就是：實(shí)現(xiàn)了擴(kuò)展HTML元素，封裝可用的代碼。頁(yè)面上每個(gè)獨(dú)立的可視/可交互區(qū)域視為一個(gè)組件；每個(gè)組件對(duì)應(yīng)一個(gè)工程目錄，組件所需要的各種資源在這個(gè)目錄下就近維護(hù)；頁(yè)面不過(guò)是組件的容器，組件可以嵌套自由組合形成完整的頁(yè)面。

簡(jiǎn)單的說(shuō)，其實(shí)就是把頁(yè)面進(jìn)行分塊處理，分成多個(gè)小塊，每個(gè)小塊就是一個(gè)組件，這樣可以形成組件的復(fù)用，而且提高開發(fā)效率。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107126.html

相關(guān)文章

  • Vue學(xué)習(xí)日記（二）——Vue核心思想

    摘要：前言是一個(gè)提供數(shù)據(jù)雙向綁定的庫(kù)，其核心思想無(wú)非就是數(shù)據(jù)驅(qū)動(dòng)組件系統(tǒng)數(shù)據(jù)驅(qū)動(dòng)的核心是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)，它讓數(shù)據(jù)與保持同步非常簡(jiǎn)單。和所以只兼容及以上版本，可稱為基于依賴收集的觀測(cè)機(jī)制。核心是，即，保證數(shù)據(jù)和視圖的一致性。 前言 Vue.js是一個(gè)提供MVVM數(shù)據(jù)雙向綁定的庫(kù)，其核心思想無(wú)非就是： 數(shù)據(jù)驅(qū)動(dòng) 組件系統(tǒng) 數(shù)據(jù)驅(qū)動(dòng) Vue.js 的核心是一個(gè)響應(yīng)的數(shù)據(jù)綁定系統(tǒng)，它讓數(shù)...

    Scholer 評(píng)論0 收藏0

  • Vue學(xué)習(xí)日記（一）——Vue介紹

    摘要：的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。并不是框架，只是和他旁邊的生態(tài)環(huán)境組成了一個(gè)框架，下面，貼一個(gè)官方的漸進(jìn)式框架介紹圖吧，方便理解。 前言 本人學(xué)習(xí)了一段時(shí)間的vue，并嘗試寫了一些小Demo之后，將vue投入了幾個(gè)項(xiàng)目之后，一直在邊學(xué)習(xí)邊使用，經(jīng)過(guò)看了vue,vuex,vue-route...

    王晗 評(píng)論0 收藏0

  • Vue學(xué)習(xí)日記（一）——Vue介紹

    摘要：的核心庫(kù)只關(guān)注視圖層，并且非常容易學(xué)習(xí)，非常容易與其它庫(kù)或已有項(xiàng)目整合。的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。并不是框架，只是和他旁邊的生態(tài)環(huán)境組成了一個(gè)框架，下面，貼一個(gè)官方的漸進(jìn)式框架介紹圖吧，方便理解。 前言 本人學(xué)習(xí)了一段時(shí)間的vue，并嘗試寫了一些小Demo之后，將vue投入了幾個(gè)項(xiàng)目之后，一直在邊學(xué)習(xí)邊使用，經(jīng)過(guò)看了vue,vuex,vue-route...

    MasonEast 評(píng)論0 收藏0

  • Vue學(xué)習(xí)日記（四）——Vue狀態(tài)管理vuex

    摘要：說(shuō)實(shí)在話，我在閱讀文檔的時(shí)候，也很難以去理解，甚至覺(jué)得沒(méi)有使用它我也可以。介紹那么到底是什么引用官網(wǎng)的說(shuō)法就是是一個(gè)專為應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲(chǔ)管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測(cè)的方式發(fā)生變化。 前言 先說(shuō)句前話，如果不是接觸大型項(xiàng)目，不需要有多個(gè)子頁(yè)面，不使用vuex也是完全可以的。 說(shuō)實(shí)在話，我在閱讀vuex文檔的時(shí)候，也很難以去理解v...

    fai1017 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<