随笔分类 - 前端--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的代码如下: 运行的效果如下:
阅读全文