add Vue 2.x:动画
This commit is contained in:
@@ -112,7 +112,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
网页显示效果如下:
|
||||
|
||||
20180522_1240.png
|
||||

|
||||
|
||||
### 给过滤器添加多个参数
|
||||
|
||||
@@ -169,7 +169,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
```
|
||||
|
||||
|
||||
20180525_2135.png
|
||||

|
||||
|
||||
注意代码中那行重要的注释:括号里的参数代表 function中的 arg2。
|
||||
|
||||
@@ -220,7 +220,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
效果如下:
|
||||
|
||||
20180525_2150.png
|
||||

|
||||
|
||||
|
||||
**改进3:同时使用多个过滤器**
|
||||
@@ -277,7 +277,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
效果如下:
|
||||
|
||||
20180525_2200.png
|
||||

|
||||
|
||||
上方代码中,添加了多个过滤器,实现的思路是:**将 msg 交给第一个过滤器来处理,然后将处理的结果交给第二个过滤器来处理** 。
|
||||
|
||||
@@ -341,7 +341,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
运行效果:
|
||||
|
||||
20180525_2230.png
|
||||

|
||||
|
||||
### 举例2:时间格式化
|
||||
|
||||
@@ -402,7 +402,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
运行结果:
|
||||
|
||||
20180526_2319.png
|
||||

|
||||
|
||||
【荐】**举例2的改进**:(字符串的padStart方法使用)
|
||||
|
||||
@@ -467,7 +467,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
运行效果如下:
|
||||
|
||||
20180526_2323.png
|
||||

|
||||
|
||||
`pattern`参数的解释:
|
||||
|
||||
|
||||
Reference in New Issue
Block a user