在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。 在线： https://jsfiddle.net/miloer/ ...
分类：
其他好文 时间：
2016-04-29 13:59:55
阅读次数：
153
#数据绑定语法# 数据绑定的基础表型形式，使用“Mustache”语法（双大括号）（特意查了一下Mustache同“moustache”释义为：髭；上唇的胡子，小胡子，最起码我觉得挺形象的） 实例：https://jsfiddle.net/miloer/035ase08/ 绑定的数据支持Javasc ...
分类：
其他好文 时间：
2016-04-28 12:22:02
阅读次数：
253
Vue过渡，可以在元素从DOM中移除，插入时自动调用过渡效果。根据设定，会适时的触发过渡效果。 在使用的目标标签里添加 transition： <div transition="my_transition"></div> https://jsfiddle.net/miloer/n282tqwv/ 它 ...
分类：
其他好文 时间：
2016-04-27 12:54:02
阅读次数：
126
来自于《前端乱炖》里尤老师的基础教程； Vue.js 不是一个框架，它只是一个提供 MVVM 风格的双向数据绑定的库，专注于 UI 层面。Vue.js 提供的核心是 MVVM 中的 VM，也就是 ViewModel。ViewModel 负责连接 View 和 Model，保证视图和数据的一致性。 在 ...
分类：
Web程序 时间：
2016-04-26 17:20:36
阅读次数：
250
表单控件绑定 基础用法 可以用 v-model 指令在表单控件元素上创建双向数据绑定。根据控件类型它自动选取正确的方法更新元素。尽管有点神奇，v-model 不过是语法糖，在用户输入事件中更新数据，以及特别处理一些极端例子。 Text Checkbox 单个勾选框，逻辑值： 多个勾选框，绑定到同一个 ...
分类：
其他好文 时间：
2016-04-23 18:21:32
阅读次数：
253
过渡 通过 Vue.js 的过渡系统，可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画，你也可以提供相应的 JavaScript 钩子函数在过渡过程中执行自定义的 DOM 操作。 为了应用过渡效果，需要在目标元素上使用 transitio ...
分类：
其他好文 时间：
2016-04-23 18:15:18
阅读次数：
234
计算属性 在模板中表达式非常便利，但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑，应当使用计算属性。 基础例子 这里我们声明了一个计算属性 b。我们提供的函 ...
分类：
其他好文 时间：
2016-04-23 18:11:24
阅读次数：
138
条件渲染 v-if 在字符串模板中，如 Handlebars，我们得像这样写一个条件块： 在 Vue.js，我们使用 v-if 指令实现同样的功能： 也可以用 v-else 添加一个 “else” 块： template v-if 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想 ...
分类：
其他好文 时间：
2016-04-23 18:00:49
阅读次数：
127
方法与事件处理器 方法处理器 可以用 v-on 指令监听 DOM 事件： 我们绑定了一个单击事件处理器到一个方法 greet。下面在 Vue 实例中定义这个方法： 内联语句处理器 除了直接绑定到一个方法，也可以用内联 JavaScript 语句： 类似于内联表达式，事件处理器限制为一个语句。 有时也 ...
分类：
其他好文 时间：
2016-04-23 18:00:22
阅读次数：
188
v-for 可以使用 v-for 指令基于一个数组渲染一个列表。这个指令使用特殊的语法，形式为item in items，items 是数据数组，item 是当前数组元素的别名： 示例： 在 v-for 块内我们能完全访问父组件作用域内的属性，另有一个特殊变量 $index，正如你猜到的，它是当前数 ...
分类：
其他好文 时间：
2016-04-23 17:58:22
阅读次数：
199
