国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

taohonghui / 3554人閱讀

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

前言

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

數(shù)據(jù)驅(qū)動

組件系統(tǒng)

數(shù)據(jù)驅(qū)動

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

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

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

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

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




    
    
    
    Document
組件系統(tǒng)

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/107126.html

相關(guān)文章

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

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

    Scholer 評論0 收藏0

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

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

    王晗 評論0 收藏0

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

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

    MasonEast 評論0 收藏0

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

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

    fai1017 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<