随笔分类 - 前端--vue.js
摘要：gitHub地址:https://github.com/lily1010/vue_learn/tree/master/lesson05 http://www.cnblogs.com/lily1010/category/872662.html 一 过滤器写法 {{ message | Filter}}
阅读全文
摘要：gitHub地址: https://github.com/lily1010/vue_learn/tree/master/lesson05 一 自定义过滤器(注册在Vue全局) 注意事项: (1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 (2) 过滤器函数始终
阅读全文
摘要：在这个教程中，我们将会通过几个例子，了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器，比如orderBy 和 filterBy。而且我们可以链式调用过滤器，一个接一个过滤。因此，我们可以定义我们自己的过滤器在我们的Vue实例中。 阅读这个教程的前提是你对Vue已经有了基本的语法基础。 V
阅读全文
摘要：1.Vuejs组件 vuejs构建组件使用 这里注意一点，组件要先注册再使用，也就是说： 如果反过来会报错，因为反过来代表先使用了组件的，但是组件却没注册。 webpack报错后，使用webpack --display-error-details可以排错 2.指令keep-alive 在看demo的
阅读全文
摘要：本文的主要内容如下： 介绍vue-resource的特点 介绍vue-resource的基本使用方法 基于this.$http的增删查改示例 基于this.$resource的增删查改示例 基于inteceptor实现请求等待时的loading画面 基于inteceptor实现请求错误时的提示画面
阅读全文
摘要：http://www.cnblogs.com/Leo_wl/p/5702350.html
阅读全文
摘要：1.取消双向绑定，在绑定的值前加*号。 如： 2.如果数据html代码，需要将{{}}修改为{{{}}}
阅读全文
摘要：基础 类似于自定义指令，可以用全局方法 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的代码如下： 运行的效果如下：
阅读全文
浙公网安备 33010602011771号