vue-（过滤器，钩子函数，路由）

1.局部过滤器在当前组件内部使用过滤器，修饰一些数据

//声明
filters:{
    '过滤器的名字':function(val,a,b){
        //a 就是alax ，val就是当前的数据
    }
}

//使用  管道符
数据 | 过滤器的名字('alex'，'wusir')

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 
 9 <div >
10     <App />
11 </div>
12 <script src="vue.js"></script>
13 <script src="moment.js"></script>
14 <script>
15 
16     let App = {
17         data(){
18             return {
19                 msg:"hello world",
20                 time:new Date()
21             }
22         },
23         template:`
24         <div>我是一个APP{{ msg | myReverse }}
25         <h2>{{ time | myTime("YYYY-MM-DD") }}</h2>
26         </div>
27 
28 
29         `,
30         filters:{
31             myReverse:function (val) {
32                 return val.split("").reverse().join("")
33             },
34             myTime:function (val,formatStr) {
35                 return moment(val).format(formatStr)
36             }
37         }
38     };
39 
40     new Vue({
41         el:"#app",
42         data(){
43             return {
44 
45             }
46         },
47         components:{
48             App
49         }
50     })
51 
52 </script>
53 </body>
54 </html>

View Code