filter是和data  computed   methods watch一樣，都是new Vue（）的引數。

用於對簡單資料的處理，和computed有衝突，所以從vue2.0後就對filter做了刪減，我覺得沒有filter完全能夠用其他方法比如computed來實現

用在{{ 變數1 | 變數2 }} 或者 v-bind：xx=“  變數1 | 變數2（[引數） ”  兩種；其中變數1是data的k，變數2是filter的k，

filter：{ 變數2：function（變數1，引數）{xxxx}}

 1     <div id="app">
 2
 
         <div> {{val | upcaseVal(true)}}</div>
 3         <div v-bind:title="val | upcaseVal">{{val}}</div>
 4         <div>{{val | removeSpace}}</div>
 5     </div>
 6 
 7 
 8     <script>
 9         var vm = new Vue({
10             el: '#app',
11             data: {
 
12                 val: 'hello world'
13             },
14             filters: {
15                 upcaseVal: function (val, firstUpper) {//filter裡函式的引數需要特別注意 第一個是指|前的值，第二個是true
16                     if (firstUpper) {
17                         return val.split(' ').map(function (e) {
18                             return
 
 e[0].toUpperCase() + e.slice(1)
19                         }).join(' ')
20                     }
21                     return val.toUpperCase();
22                 },
23                 removeSpace:function(val){
24                     return val.toUpperCase()
25                 }
26             }
27         })