JavaScript 第27页

2021-03-14阅读(981)

组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格...

2021-03-14阅读(1228)

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

2021-03-14阅读(955)

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

2021-03-05阅读(1001)

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

2021-03-05阅读(1222)

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

2021-03-05阅读(1083)

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

2021-02-21阅读(940)

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

2021-02-18阅读(1131)

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

2021-02-08阅读(1110)

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

2021-02-08阅读(963)

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