摘要：基本用法 以监听一个按钮的点击事件为例，设计一个计数器，每次点击都加1： @click的表达式可以直接使用JavaScript语句，也可以是一个在Vue实例中methods选项内的函数名，比如再增加一个按钮，点击一次，计数器加10： 在methods中定义了我们需要的方法供@click调用，需要注意 阅读全文

摘要：基本指令 1.v-cloak v-cloak不需要表达式，它会在Vue实例结束编译时从绑定的HTML元素上移除，经常和CSS的display:none配合使用。 这是虽然已经加了指令v-cloak,但其实并没有起到任何作用，当网速较慢、Vue.js文件还没加载完时，在页面上会显示{{ message 阅读全文

摘要：DOM元素经常会动态地绑定一些class类名或style样式。 基本用法 链接的href属性和图片的src属性都被动态设置了，当数据变化时，就会重新渲染。 在数据绑定中，最常见的两个需求就是元素的样式名称class和内联样式style的动态绑定，它们也是HTML的属性，因此可以使用v-bind指令。 阅读全文

摘要：{{}}模板内的表达式常用于简单的运算，当运算过长或逻辑复杂时，会难以维护。 这个表达式包含3个操作，在遇到复杂逻辑时应该使用计算属性。上面的例子可以用计算属性进行改写： 所有的计算属性都以函数的形式写在Vue实例内的computed选项内，最终返回计算后的结果。 用法 在一个计算属性里可以完成各种 阅读全文

摘要：指令（Directives）是Vue.js模板中最常用的一项功能，它带有前缀v-，前面已经使用过v-html、v-pre等。指令的主要职责就是当表达式的值改变时，相应地将某些行为应用到DOM上。 v-if 当数据show的值为true时，p元素会被插入，为false时则会被移除。 v-bind v- 阅读全文

摘要：Vue实例对象 创建一个vue应用很简单，通过构造函数Vue就能创建一个Vue的根实例： 变量app代表了这个Vue实例。el、data都属于实例的参数选项。 el：el是必不可少的选项，用于指定一个页面中已存在的DOM元素来挂在Vue实例，它可以是HTMLElement，也可以是CSS选择器。 挂 阅读全文

摘要：简介 Vue是一套用于构建用户界面的渐进式框架。简单小巧（ 压缩后仅17KB），Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 特点 ♦ 解耦视图与数据 ♦ 可复用的组件 ♦ 前端路由 ♦ 状态管理 ♦ 虚拟DOM 阅读全文