Vue.js 教程 第2页

2021-03-14阅读(1061)

这节我们为大家介绍 Vue.js 表单上的应用。 你可以用 v-model 指令在表单控件元素上创建双向数据绑定。 v-model 会根据控件类型自动选取正确的方法来更新元素。 复选框 复选框如果是一个为逻辑值，如果是多个则绑定到同一个数组...

2021-03-14阅读(813)

事件监听可以使用 v-on 指令： 通常情况下，我们需要使用一个方法来调用 JavaScript 方法。 v-on 可以接收一个定义的方法来调用。 除了直接绑定到一个方法，也可以用内联 JavaScript 语句： 事件修饰符 Vue.js...

2021-03-05阅读(848)

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

2021-03-05阅读(1042)

本章节，我们将为大家介绍 Vue.js 监听属性 watch，我们可以通过 watch 来响应数据的变化。 以下实例通过使用 watch 实现计数器： 以下实例进行千米与米之间的换算： 以上代码中我们创建了两个输入框，data 属性中， k...

2021-03-05阅读(937)

计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： 实例 1 中模板变的很复杂起来，也不容易看懂理解。 接下来我们看看使用了计算属性的实例： 实例 2 中声明了一个计算属...

2021-02-21阅读(818)

循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： 模板中使...

2021-02-18阅读(977)

条件判断 v-if 条件判断使用 v-if 指令： 这里， v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： v-el...

2021-02-08阅读(984)

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

2021-02-08阅读(814)

每个 Vue 应用都需要通过实例化 Vue 来实现。 语法格式如下： 接下来让我们通过实例来看下 Vue 构造器中需要哪些内容： 可以看到在 Vue 构造器中有一个el 参数，它是 DOM 元素中的 id。在上面实例中 id 为 vue_d...

2021-02-01阅读(1050)

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