起风了

Vue.js 教程 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单，本教程基于 Vue 2.1.8 版本测试。 阅读本教程前，您需要了解的知识：...

Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。 Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min....

Vue.js 起步 每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： var vm = new Vue({ // 选项 }) 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： 实例 < div id = " vue_det " > < h1 > site : {{site}} </ h1 > < h1 > url : {{url}} </ h1 > ...

Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 插值 文...

Vue.js 条件与循环 条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： < div id = " app " > < p v-if = " seen " > 现在你看到我了 </ p > < template v-if = " ok " > < h1 > 菜鸟教程 </ h1 > < p > 学的...

循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： v-for 指令 < div id = " app " > < ol > < li v-for = " site in sites " > {{ site.name }}...

Vue.js 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 < div id = " app " > {{ message.split('').reverse().join('') }} </ div > 尝试一下 » 实例 1 中模板变的很复杂起来，也不容易看懂理解。 接下来我们看...

Vue.js 监听属性 本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器： 实例 < div id = " app " > < p style = " font-size:25px; " > 计数器: {{ counter }} </ p > < button @ click = " co...

Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 class 属性绑定 我们可以为 v-bind:class 设置一个对象，从而动...