提交 48ddf198 编写于 作者: W wanganxp

同上

上级 f91c7f76
......@@ -1178,7 +1178,10 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
### 监听事件
我们可以使用 `v-on` 指令 (通常缩写为 @ 符号,下文简称为:@事件) 来监听 DOM 事件,并在触发事件时执行一些 `JavaScript`
用法为 `v-on:click="methodName"` 或使用快捷方式 `@click="methodName"`
用法为 `v-on:click="methodName"` 或使用快捷方式 `@click="methodName"` (uni-app里一般都使用@缩写方式)
指令的值,字符串里直接写js。比如下面的`counter += 1`就是一段js。
```html
<template>
......@@ -1201,7 +1204,7 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
### 事件处理方法
然而许多事件处理逻辑会更为复杂,所以直接把 `JavaScript` 代码写在@事件中是不可行的。因此@事件还可以接收一个需要调用的方法名称。
然而许多事件处理逻辑会更为复杂,所以直接把 `JavaScript` 代码写在组件属性值里是不可行的。因此@事件还可以接收一个需要调用的方法名称。
示例:
......@@ -1356,15 +1359,13 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
**使用 v-on 或 @ 有几个好处**
1. 扫一眼 `HTML` 模板便能轻松定位在 `JavaScript` 代码里对应的方法。
1. 扫一眼 `template` 模板便能轻松定位在 `JavaScript` 代码里对应的方法。
2. 因为你无须在 `JavaScript` 里手动绑定事件,你的 `ViewModel` 代码可以是非常纯粹的逻辑,和 `DOM` 完全解耦,更易于测试。
3. 当一个 `ViewModel` 被销毁时,所有的事件处理器都会自动被删除。你无须担心如何清理它们。
### 事件映射表
```js
......@@ -1405,6 +1406,7 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
> v-model 会忽略所有表单元素的 `value`、`checked`、`selected` attribute 的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。
在下面的示例中,输入框通过`v-model`绑定了`message`,用户在输入框里输入内容时,这个内容会实施赋值给`message`。当然在代码里为`message`赋值也会实时同步到界面上input里。这就是双向绑定。
```html
<template>
......@@ -1425,6 +1427,7 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
```
### uni-app表单组件
建议开发过程中直接使用 `uni-app`[表单组件](https://uniapp.dcloud.io/component/button)
......@@ -1544,7 +1547,7 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
```
我们想根据 author 是否已经有一些书来显示不同的消息
我们想根据 author 是否已经有一些书来显示不同的消息,可以使用模板内的表达式
```html
......@@ -1559,8 +1562,7 @@ v-for 指令可以实现基于一个数组来渲染一个列表。
所以,对于任何包含响应式数据的复杂逻辑,你都应该使用**计算属性**
**例子**
**使用计算属性的例子**
```html
<template>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册