vue是遵循mvvm模式(model-view-ModelView)的轻量级前端框架。
前端
vue的主要构成:vue
模板(template):模板声明了数据和最终展示给用户的DOM之间的映射关系。前端框架
初始数据(data):一个组件的初始数据状态。对于可复用的组件来讲,这一般是私有的状态。前端工程师
接受的外部参数(props):组件之间经过参数来进行数据的传递和共享。参数默认是单向绑定(由上至下),但也能够显式地声明为双向绑定。框架
方法(methods):对数据的改动操做通常都在组件的方法内进行。能够经过v-on指令将用户输入事件和组件方法进行绑定。mvvm
生命周期钩子函数(lifecycle hooks):一个组件会触发多个生命周期钩子函数,好比created,attached,destroyed等等。在这些钩子函数中,咱们能够封装一些自定义的逻辑。和传统的MVC相比,能够理解为 Controller的逻辑被分散到了这些钩子函数中。ide
私有资源(assets):Vue.js当中将用户自定义的指令、过滤器、组件等统称为资源。因为全局注册资源容易致使命名冲突,一个组件能够声明本身的私有资源。私有资源只有该组件和它的子组件能够调用。函数
element-io:网站
element-io在vue的基础上对经常使用的控件进行了封装,极大的减少了前端工程师的工做量,企业级的后台应用,大大的加快网站的建设速度。
spa