webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add：Vue.js 2.x（自定义全局指令）

Browse Source
This commit is contained in:
qianguyihao
2018-05-27 23:51:20 +08:00
parent 04df21a2f5
commit 41801d3fb1
4 changed files with 136 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
21-Vue基础/01-05.自定义过滤器：时间格式化举例.md
View File

@@ -140,7 +140,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
<body>
<div id="app">
<!-- 通过 过滤器 msgFormat 对 msg 进行过滤。括号里的参数代表 function中的 arg2-->
<!-- 【重要】通过 过滤器 msgFormat 对 msg 进行过滤。括号里的参数代表 function中的 arg2-->
<p>{{ msg | msgFormat('xxx') }}</p>
</div>
@@ -171,11 +171,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
20180525_2135.png
代码解释：
也就是说，<p>标签在调用过滤器的时候（`{{ msg | msgFormat('xxx') }}`），括号的参数写的啥，就把指定字符串替换成啥。
括号里的参数代表 function中的 arg2。
注意代码中那行重要的注释：括号里的参数代表 function中的 arg2。
**改进二**：过滤器加两个参数。如下：
@@ -194,7 +190,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
<body>
<div id="app">
<!-- 通过 过滤器 msgFormat 对 msg 进行过滤-->
<!-- 括号里的第一个参数代表 function 中的 arg2，括号里的第二个参数代表 function 中的 arg3-->
<!-- 【重要】括号里的第一个参数代表 function 中的 arg2，括号里的第二个参数代表 function 中的 arg3-->
<p>{{ msg | msgFormat('【牛x】', '【参数arg3】') }}</p>
</div>
@@ -288,7 +284,6 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
### 举例1：时间格式化
```html
@@ -607,30 +602,6 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
## v-on的按键修饰符
### 默认按键修饰符
通俗一点讲，指的是：监听键盘输入的事件。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：
```
.enter
.tab
.delete (捕获 “删除” 和 “退格” 键)
.esc
.space
.up
.down
.left
.right
1.0.8+版本：支持单字母的按键别名。
```