v-if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： 在 Vue.js ，我们使用 v-if 指令实现同样的功能： 也可以用 v-else 添加一个 “else” 块： template v-if 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多 ...
分类：
其他好文 时间：
2016-11-16 07:46:26
阅读次数：
225
Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时， Vue.js 专门增强 ...
分类：
其他好文 时间：
2016-11-16 07:46:19
阅读次数：
247
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改 ...
分类：
其他好文 时间：
2016-11-16 07:44:34
阅读次数：
336
v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 基本用法 结果： Foo Bar 在 v-for 块中，我们拥有对父作用域属性的完全访问权限。 v ...
分类：
其他好文 时间：
2016-11-16 07:40:20
阅读次数：
272
构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的： 虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。 在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元 ...
分类：
其他好文 时间：
2016-11-16 07:39:22
阅读次数：
315
计算属性 在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这种情况下，模板不再简单和清晰。在实现反向显示 message 之前，你应该确认它。这个问题在你不止一次反向显示 message 的时候变得更加糟糕。 这就是为什么任何复 ...
分类：
其他好文 时间：
2016-11-16 07:38:34
阅读次数：
420
v-if完全根据表达式的值在DOM中生成或移除一个元素。如果v-if表达式赋值为false，那么对应的元素就会从DOM中移除；否则，对应元素的一个克隆将被重新插入DOM中。<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</..
分类：
Web程序 时间：
2016-11-16 03:12:20
阅读次数：
303
FAQ 哇，非常长的一页！是否意味着 Vue2.0 已经完全不同了呢，是否需要从头学起呢，Vue1.0 的项目是不是没法迁移了？ 非常开心地告诉你，并不是！ 几乎90%的 API 和核心概念都没有变。因为本节包含了很多详尽的阐述以及许多迁移的例子，所以显得有点长。不用担心，你也不必从头到尾把本节读一 ...
分类：
其他好文 时间：
2016-11-15 23:27:15
阅读次数：
316
提升后台系统的用户体验 要说程序员最开心的事情是什么，不是钱多活少离家近，而是能用自己喜欢的技术，做一个排期不紧的舒坦项目。最近我就接手了这样一个项目，使用了webpack+vue全家桶，以及其他一些业界前沿技术。不过今天不聊技术方面，先聊聊我对交互方面的一些思考。尽管它只是一个后台系统。 说到后台 ...
分类：
其他好文 时间：
2016-11-15 19:09:31
阅读次数：
215
转自：https://jingsam.github.io/2016/10/23/standalone-vs-runtime-only-build-in-vuejs2.html?utm_source=tuicool&utm_medium=referral 在使用 Vue.js 2.0 时，有独立构建（ ...
分类：
Web程序 时间：
2016-11-15 16:33:27
阅读次数：
182
