add Vue 2.x:动画

This commit is contained in:
qianguyihao
2018-06-17 16:44:13 +08:00
parent e19e6c7e2f
commit 0caa6890ed
9 changed files with 494 additions and 112 deletions

View File

@@ -112,7 +112,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
网页显示效果如下:
20180522_1240.png
![](http://img.smyhvae.com/20180522_1240.png)
### 给过滤器添加多个参数
@@ -169,7 +169,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
```
20180525_2135.png
![](http://img.smyhvae.com/20180525_2135.png)
注意代码中那行重要的注释:括号里的参数代表 function中的 arg2。
@@ -220,7 +220,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
效果如下:
20180525_2150.png
![](http://img.smyhvae.com/20180525_2150.png)
**改进3同时使用多个过滤器**
@@ -277,7 +277,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
效果如下:
20180525_2200.png
![](http://img.smyhvae.com/20180525_2200.png)
上方代码中,添加了多个过滤器,实现的思路是:**将 msg 交给第一个过滤器来处理,然后将处理的结果交给第二个过滤器来处理** 。
@@ -341,7 +341,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
运行效果:
20180525_2230.png
![](http://img.smyhvae.com/20180525_2230.png)
### 举例2时间格式化
@@ -402,7 +402,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
运行结果:
20180526_2319.png
![](http://img.smyhvae.com/20180526_2319.png)
【荐】**举例2的改进**字符串的padStart方法使用
@@ -467,7 +467,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
运行效果如下:
20180526_2323.png
![](http://img.smyhvae.com/20180526_2323.png)
`pattern`参数的解释: