Vue官方文件閱讀總結 1

2021-10-14 16:35:53 字數 1315 閱讀 3721

vue是更好的組織和簡化web開發,關注的核心是mvc模式中的檢視層,同時,它也能方便地獲取資料更新,並通過元件內部特定的方法實現檢視與模型的互動。(或者說用盡可能簡單的api實現響應的資料繫結和組合的試圖元件)

vue和js的聯絡

vue本質上就是js所構成的乙個框架

js使用的時候需要首先獲取dom物件,然後對dom物件進行值的修改操作

vue是先把值和js物件繫結,然後修改js物件的值,vue框架就會自動把dom的值更新。

vue的好處是將資料層和檢視層完全分開(只關注檢視層),針對資料操作而不是頻繁操作dom(這樣會導致頁面頻繁重繪)

vue目錄結構vue.js 起步

首先,需要例項化vue

el引數,指定dom元素

vue例項被建立的時候,向vue的響應式系統中加入了data物件能找到的所有屬性

內建的例項屬性和方法 都有字首$

vue.js 模板語法

vue使用了html的模板語法,將dom和vue例項資料繫結。結合響應資料,狀態改變的時候,vue就可以計算出重新渲染元件的最小代價,應用到dom操作上。

vue.js條件與迴圈

算了 直接看官方文件吧,看菜鳥覺得有點無聊 沒有體系。

第一節:

注意資料是和dom建立關聯,所有的都是響應式的。當建立了連線之後,就不再和html直接互動。

乙個vue掛載在乙個dom,這個html就是我們的入口,其他的都會發生在新建立的vue例項裡面。

指令,會在渲染的dom上應用特殊的響應式行為。

一般情況下,不會觸碰dom,所有的dom操作都由vue來處理,編寫的**只需要關注邏輯層面即可。

元件化應用構建

乙個元件本質上是乙個擁有預定義選項的vue例項;

元件的使用可以重複利用,提高效率,解耦。

第二節(vue例項):

建立乙個vue例項時,可以傳入乙個選項物件(此時,data物件中所有的property加入vue的響應式系統)—>這些資料改變之後,檢視才會進行重新渲染。

注意一開始有的才是響應式的,新新增的不行。

vue例項建立過程中有很多初始化過程,在這些過程中會執行一些較生命週期鉤子的函式(作用是在這些階段增加自己**)在這些函式中,this指向呼叫他們的vue例項(但是不要用=>箭頭函式,裡面沒有this)

這個圖很重要 (初始化的過程,和宣告時候用什麼函式可以增加自己的**)。

dubbo官方文件閱讀

一 入門 整體架構 單一架構 垂直架構 mvc 分布式服務架構 rpc 流計算架構 當服務越來越多時,容量評估變得困難,而且小規模的服務也經常造成資源浪費。為了解決這些問題,應新增排程中心,以根據流量管理集群容量並提高集群利用率。目前,用於提高機器利用率的資源排程和治理中心 soa 是關鍵。在大型服...

Spring官方文件閱讀筆記

beanpostprocessor.postprocessafterinstantiation 鉤子 型別轉化convertifnecessary spring建立bean的詳細過程 sqlsessiontemplate.selectlist sqlsessiontemplate.invoke de...

react hook 官方文件閱讀筆記

usestate 是在函式呼叫時儲存變數的方式 usestate是一種新方法,它與 class 裡面的this.state提供的功能完全相同。一般來說,在函式退出後變數就會 消失 而 state 中的變數會被 react 保留。const count,setcount usestate 0 括號裡邊...