走进VUE.JS
Vue.js(/vjuː/,或简称为Vue)是一个用于创建用户界面的开源JavaScript框架,也是一个创建单页应用的Web应用框架。2016年一项针对JavaScript的调查表明, Vue有着89%的开发者满意度。在GitHub上,该项目平均每天能收获95颗星,[为Github有史以来星标数第3多的项目。
Vue.js是一款流行的JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件 内部特定的方法实现视图与模型的交互。
组件 组件是Vue最为强大的特性之一。为了更好地管理一个大型的应用程序,往往需要将应用切割为小而独立、具有复用性的组件。在Vue中,组件是基础HTML元素的拓展,
模板 Vue使用基于HTML的模板语法,允许开发者将DOM元素与底层Vue实例中的数据相绑定。所有Vue的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应式系统,在应用状态改变时,Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。
此外,Vue允许开发者直接使用JSX语言作为组件的渲染函数,以代替模板语法可方便地自定义其数据与行为。[11]下方的代码是Vue组件的一个示例,渲染为一个能计 算鼠标点击次数的按钮。