提交 dd5a23c6 编写于 作者: Z zhaoshuangshi

1-4下面小节习题优化修改

上级 5b431092
# 侦听器
 <div style="color: pink;font-size:22px;font-weight:700">小常识:</div>
```js
new Vue({
......@@ -22,10 +21,7 @@ new Vue({
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试:</div>
参照上面代码段,下列表达式不能正常渲染的是?<br/><br/>
观察上面代码段,下列表达式不能正常渲染的是?<br/><br/>
## 答案
......
# 过滤器
 <div style="color: pink;font-size:22px;font-weight:700">小常识:</div>
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/911c940ef6124eeca866661b857c0648.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_19,color_FFFFFF,t_70,g_se,x_16)
<br/>
上面是小编在项目中编写的时间过滤器,并在下面dom中进行使用
上面项目中编写的时间过滤器,并在下面dom中进行使用
```html
<!-- initDate为data中的参数,值为 1649320387776 -->
<p>日期是:{{initDate | dateForm}}</p>
<p>{{initDate | dateForm}}</p>
```
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试:</div>
观察上面图片中的代码,运行后p标签中展示的是?<br/><br/>
## 答案
2022-04-07 16:33:07
2022-04-07
## 选项
......
# :class和:style
 <div style="color: pink;font-size:22px;font-weight:700">小常识:</div>
```js
new Vue({
......@@ -15,14 +14,12 @@ new Vue({
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试:</div>
下列对class使用错误的是?<br/><br/>
结合上方代码下列对class使用错误的是?<br/><br/>
## 答案
```html
<p :class="aaa=='aaa'?'':'aaa'">日期:</p>
<p :class="aaa=="aaa"?'':'aaa'">日期:</p>
```
## 选项
......
# Vue修饰符
 <div style="color: pink;font-size:22px;font-weight:700">小常识:</div>
**事件修饰符**
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点,但更好的方式是:方法只有纯粹的数据逻辑,而不是去处理 DOM 事件细节。
**按键修饰符**
在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:
```html
<!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` -->
<input v-on:keyup.enter="submit">
```
你可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符。
```html
<input v-on:keyup.page-down="onPageDown">
```
在上述示例中,处理函数只会在 $event.key 等于 PageDown 时被调用。
**系统修饰键**
<br/>![在这里插入图片描述](https://img-blog.csdnimg.cn/e89305e0ac7c4410b17911523e841e47.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5Yeg5L2V5b-D5YeJ,size_20,color_FFFFFF,t_70,g_se,x_16)
<br/>
<br>
 <div style="color: #8E7CC3;font-size:22px;font-weight:700">小测试:</div>
下列对vue常用的修饰符描述错误的是?<br/><br/>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册