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的基础上对常用的控件进行了封装，极大的减小了前端工程师的工作量，企业级的后台应用，大大的加快网站的建设速度。