元件化和模組化

元件化和模組化有利於封裝以及複用。

元件化：

1.生命週期。

    前端框架都有一個重要的詞語，生命週期，都大部分從幾個方面來看，初始化，渲染，存活期，銷燬。

2.資料通訊

   元件之間的通訊，父傳子，子傳父，非父子傳值。

3.元件狀態管理

  雙向繫結，路由管理.

Vuex is a state management pattern + library for Vue.js applications.

例如vuex是一個狀態管理模式以及資源的集合。

模組化：

    三個規範化：

    CommonJs，AMD和CMD

  1.commonJS 伺服器端（後端)

->四個變數

• module
• exports
• require（require 是同步的）
• global

Browserify 是目前最常用的 CommonJS 格式轉換的工具。

  2.AMD 

   Asynchronous Module Definition

   目前，主要有兩個Javascript庫實現了AMD規範：require.js和curl.js。

   具體來說，就是模組必須採用特定的define()函式來定義。如果一個模組不依賴其他模組，那麼可以直接定義在define()函式之中。

   AMD是依賴關係前置,在定義模組的時候就要宣告其依賴的模組;

3.CMD

   CMD 即Common Module Definition通用模組定義

   CMD有個瀏覽器的實現SeaJS，SeaJS要解決的問題和requireJS

   CMD是按需載入依賴就近,只有在用到某個模組的時候再去require。