码迷,mamicode.com
首页 > 其他好文 > 详细

element-io、vue简介

时间:2017-09-08 22:58:05      阅读:455      评论:0      收藏:0      [点我收藏+]

标签:vue element-io

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

element-io、vue简介

标签:vue element-io

原文地址:http://13172906.blog.51cto.com/13162906/1963820

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!