摘要：
v-for 我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。 基本语法 {{ item.message }} var example1 = new Vue({ el: '#example-1', data: { i... 阅读全文
摘要：
v-if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： {{#if ok}} Yes {{/if}} 在 Vue.js ，我们使用 v-if 指令实现同样的功能： Yes 也可以用 v-else 添加一个 “else” 块： Yes No 中的v-if条件组 因为 v-if 是一个指令，需要将它添加到一个元素上。但是如果我们想切换多个元素呢？此时我们可以把一个 ... 阅读全文
摘要：
数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性 ，我们可以用v-bind 处理它们：只需要计算出表达式最终的字符串。不过，字符串拼接麻烦又易错。因此，在 v-bind 用于 class 和 style 时， Vue.js 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 1、绑定Html Class 对象语法 我们可以传给 v-bind... 阅读全文
摘要：
在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。例如： {{ message.split('').reverse().join('') }} 在这种情况下，模板不再简单和清晰。在实现反向显示 message 之前，你应该确认它。这个问题在你不止一次反向显示 message 的时候变得更加糟糕。 这就是为什么任何复杂逻辑，你都应... 阅读全文
摘要：
Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上， Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 如果你熟悉虚拟 D... 阅读全文
摘要：
1、构造器 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的： var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm 这个变量名表示 Vue 实例。 在实例化 Vue 时，需要传入一个选项对象，它可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。全部... 阅读全文
摘要：
你可能已经注意到 Vue.js 组件非常类似于自定义元素——它是 Web 组件规范的一部分。实际上 Vue.js 的组件语法参考了该规范。例如 Vue 组件实现了 Slot API 与 is 特性。但是，有几个关键的不同： Web 组件规范仍然远未完成，并且没有浏览器实现。相比之下，Vue.js 组件不需要任何补丁，并且在所有支持的浏览器（IE9 及更高版本）之下表现一致。必要时，Vue.js... 阅读全文
摘要：
组件系统是 Vue.js 另一个重要概念，因为它提供了一种抽象，让我们可以用独立可复用的小组件来构建大型应用。如果我们考虑到这点，几乎任意类型的应用的界面都可以抽象为一个组件树： 在 Vue 里，一个组件实质上是一个拥有预定义选项的一个 Vue 实例： // Define a new component called todo-item Vue.component('todo-item', { ... 阅读全文
摘要：
为了让用户和你的应用进行互动，可以用 v-on 指令绑定一个监听事件用于调用我们 Vue 实例中定义的方法： {{ message }} Reverse Message var app5 = new Vue({ el: '#app-5', data: { message: 'Hello Vue.js!' }, methods: { reverseMess... 阅读全文
摘要：
通过vue控制切换一个元素的显示也相当简单： Now you see me var app3 = new Vue({ el: '#app-3', data: { seen: true } }) 继续在控制台设置 app3.seen = false，你会发现 “Now you see me” 消失了。 这个例子演示了我们不仅可以绑定 DOM 文本到数据，也可以... 阅读全文
摘要：
Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统： {{ message }} var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) 已经生成了第一个 Vue 应用！看起来这跟单单渲染一个字符串模板非常类似，但是 Vue.js 在背后做了大... 阅读全文
摘要：
1、打开“工具”菜单—>“NuGet 包管理器”—>“管理解决方案 Nuget 的程序包”： 在红色标识的地方输入vue： 2、下载的vue文件如下： 直接下载到项目的Scripts目录下， 在项目中直接应用vue.min.js文件即可。 阅读全文
摘要：
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响... 阅读全文