摘要：
基础 类似于自定义指令，可以用全局方法 Vue.filter() 注册一个自定义过滤器，它接收两个参数：过滤器 ID 和过滤器函数。过滤器函数以值为参数，返回转换后的值： 过滤器函数可以接收任意数量的参数： 双向过滤器 目前我们使用过滤器都是在把来自模型的值显示在视图之前转换它。不过也可以定义一个过 阅读全文
摘要：
基础 除了内置指令，Vue.js 也允许注册自定义指令。自定义指令提供一种机制将数据的变化映射为 DOM 行为。 可以用 Vue.directive(id, definition) 方法注册一个全局自定义指令，它接收两个参数指令 ID 与定义对象。也可以用组件的 directives 选项注册一个局 阅读全文
摘要：
深入响应式原理 大部分的基础内容我们已经讲到了，现在讲点底层内容。Vue.js 最显著的一个功能是响应系统 —— 模型只是普通对象，修改它则更新视图。这让状态管理非常简单且直观，不过理解它的原理也很重要，可以避免一些常见问题。下面我们开始深挖 Vue.js 响应系统的底层细节。 如何追踪变化 把一个 阅读全文
摘要：
什么是组件？ 组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 使用组件 注册 之前说过，我 阅读全文
摘要：
基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇，v-model 不过是语法糖，在用户输入事件中更新数据，以及特别处理一些极端例子。 Text Checkbox 单个勾选框，逻辑值： 多个勾选框，绑定到同一个数组： Rad 阅读全文
摘要：
方法处理器 可以用 v-on 指令监听 DOM 事件： 我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法： 自己测试一下 内联语句处理器 除了直接绑定到一个方法，也可以用内联 JavaScript 语句： 类似于内联表达式，事件处理器限制为一个语句。 有时也需要 阅读全文
摘要：
v-if 在字符串模板中，如 Handlebars，我们得像这样写一个条件块： 在 Vue.js，我们使用 v-if 指令实现同样的功能： 也可以用 v-else 添加一个 “else” 块： template v-if 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元 阅读全文
摘要：
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute，我们可以用 v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时，Vue.js 专门增强了它。表达式的结果类 阅读全文
摘要：
http://blog.csdn.net/i10630226/article/details/51855286 阅读全文
摘要：
Vue.js 的模板是基于 DOM 实现的。这意味着所有的 Vue.js 模板都是可解析的有效的 HTML，且通过一些特殊的特性做了增强。Vue 模板因而从根本上不同于基于字符串的模板，请记住这点。 插值 文本 数据绑定最基础的形式是文本插值，使用 “Mustache” 语法（双大括号）： Must 阅读全文
摘要：
我们以 Vue 数据绑定的快速导览开始。如果你对高级概述更感兴趣，可查看这篇博文。 尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子。在浏览器新标签页中打开它，跟着我们查看一些基础示例。如果你喜欢用包管理器下载/安装，查看安装教程。 1.Hello World 阅读全文
摘要：
一、vue中的自定义组件 html的代码： vue3.js的代码： 运行效果如下： 二、vue中的自定义指令 html的代码： vue4.js: 运行的效果: console打印的日志： 三、vue中的自定义过滤器 html的代码如下： js的代码如下： 运行的效果如下： 阅读全文