Vue進級——ソースコード解読(前言)


Vueソースアドレス:https://github.com/vuejs/vue***https://vue-js.com/learn-vue/
ソース構造
├─dist                   #         
├─scripts                #                
├─flow                   # flow       
├─src                    #      
│    ├─complier          #           
│    ├─core              #    、             
│    │  ├─observe        #          
│    │  ├─vdom           #   virtual dom   
│    │  ├─instance       # Vue.js            
│    │  ├─global-api     #   api   
│    │  └─components     #        
│    ├─server            #            
│    ├─platforms         #          , weex
│    ├─sfc               #           
│    └─shared            #          
└─test                   #       

全体的にsrc/coreとsrc/complierの2つのディレクトリの下のコードに関心を持っています
問題を持ってソースを勉強します.
  • 変化検知編
  • Vueでデータの応答システムをどのように実現し、データ駆動ビューに達するかを学習します.
  • 仮想DOM編
  • 仮想DOMとは何かを学び、VueのDOM-Diff原理を学びます.
  • テンプレートコンパイル編
  • Vue内部でtemplateテンプレートを仮想DOMにコンパイルする方法を学び、実際のDOMをレンダリングします.
  • 例方法編
  • Vueのすべてのインスタンスメソッド(すなわち$で始まるすべてのメソッド)の実装原理を学習する
  • グローバルAPI編
  • VueにおけるすべてのグローバルAPIの実現原理を学習する
  • ライフサイクル編
  • Vueのコンポーネントのライフサイクルの実現原理を学ぶ
  • 指令編
  • Vueにおけるすべての命令の実現原理を学習する
  • フィルタ編
  • Vueのすべてのフィルタの実現原理を学ぶ
  • 内蔵コンポーネント編
  • Vueに組み込まれたコンポーネントの実現原理を学ぶ