Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合...

1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 script 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建...

上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示： 目录解析 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等...

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

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应...

条件判断 v-if 条件判断使用 v-if 指令： v-if 指令 在元素 和 template 中使用 v-if 指令： div id="app" p v-if="seen"现在你看到我了/p template v-if="ok" h1嘀嗒教程/h1 p学的不仅是技术，更是梦想！/...

计算属性关键词: computed 。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 div id="app" {{ message.split('').reverse().join('') }}/div 尝试一下 » 实例 1 中模...

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

Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之...

事件监听可以使用 v-on 指令： v-on div id="app" button v-on:click="counter += 1"增加 1/button p这个按钮被点击了 {{ counter }} 次。/p/div scriptnew Vue({ el: '#app', data: { counter: 0 }})/script 尝试一下 » 通常情...