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的基礎上對常用的控件進行了封裝,極大的減小了前端工程師的工作量,企業級的後臺應用,大大的加快網站的建設速度。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章