摘要:
什么是组件? 组件(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的代码如下: 运行的效果如下: 阅读全文