element-io、vue簡介

vue是遵循mvvm模式（model-view-ModelView）的輕量級前端框架。

vue的主要構成：

• •  模板（template）：模板聲明瞭數據和最終展示給用戶的DOM之間的映射關係。

  • 初始數據（data）：一個組件的初始數據狀態。對於可複用的組件來講，這一般是私有的狀態。

  • 接受的外部參數(props)：組件之間經過參數來進行數據的傳遞和共享。參數默認是單向綁定（由上至下），但也能夠顯式地聲明爲雙向綁定。

  • 方法（methods）：對數據的改動操做通常都在組件的方法內進行。能夠經過v-on指令將用戶輸入事件和組件方法進行綁定。

  • 生命週期鉤子函數（lifecycle hooks）：一個組件會觸發多個生命週期鉤子函數，好比created，attached，destroyed等等。在這些鉤子函數中，咱們能夠封裝一些自定義的邏輯。和傳統的MVC相比，能夠理解爲 Controller的邏輯被分散到了這些鉤子函數中。

  • 私有資源（assets）：Vue.js當中將用戶自定義的指令、過濾器、組件等統稱爲資源。因爲全局註冊資源容易致使命名衝突，一個組件能夠聲明本身的私有資源。私有資源只有該組件和它的子組件能夠調用。

element-io：

element-io在vue的基礎上對經常使用的控件進行了封裝，極大的減少了前端工程師的工做量，企業級的後臺應用，大大的加快網站的建設速度。