<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="app"> <h2>{{msg | reverse}}</h2> <p>{{price | sign('¥')}}</p> </div> </body> </html> <script src="./vue.js"></script> <script> Vue.filter("reverse",(val)=>{ return val.split('').reverse().join("") }) Vue.filter("Sign", (Val, Sign) => { return Val + Sign; }) var VM = new new Vue ({ EL: "#app" , Data: { MSG: "1905" , . price: 199 } }) / * Filter is: action: filters global filters Vue.filter () parameter 1: the name of the filter parameter 2: the filter function implemented local filter filters () using: filtered through a pipe character (|) and the filter name is use Vue global API What? * / </script>