JavaScript 第14页

2022-05-22阅读(818)

除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点： 我们也可以在实例使用 directives 选项来注册...

2022-05-22阅读(786)

这节我们为大家介绍 Vue 表单上的应用。 表单 我们可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定。 输入框 实例中演示了 input 和 tex...

2022-05-22阅读(711)

我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。 V-on v-on 指令可以缩写为 @ 符号。 语法格式： v-on 通常情况下，我们需要使用一个方法来调用 JavaS...

2022-05-21阅读(841)

Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时， 表达式除了可以使用字符串之外，还可以是对...

2022-05-21阅读(781)

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

2022-05-20阅读(801)

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

2022-05-19阅读(914)

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

2022-05-19阅读(1023)

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

2022-05-14阅读(847)

条件判断 v-if 条件判断使用 v-if 指令，指令的表达式返回 true 时才会显示： 在元素中使用 v-if 指令： 这里， v-if 指令将根据表达式 seen 的值( true 或 false )来决定是否插入 p 元素。 因为 ...

2022-05-13阅读(739)

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