過濾器  獲取DOM元素
<div>
    請輸入內容：<input type="text" name="" v-model="text">
    顯示：{{text|myFilter}}
</div>

export default{
    data(){
      return{ text: ''}
   }
    filters:{
        myFilter:function(value){value就是text
        //輸入的內容幫我做個反轉，轉換成陣列，反轉陣列，再轉為字串
        // return 1;
         return
 
 value.split('').reverse().join(''); 
      }
  }
}


建立全域性過濾器  
Vue.filter('myFilter',function(value){
    return '我是全域性過濾器';
})

注意：當全域性過濾器和元件內過濾器重名的時候，是以元件內過濾器為有效的

獲取DOM元素

<sub-vue ref="sub"></sub-vue>   元件物件
<div ref="myDiv">{{text}}</div> DOM物件



救命稻草，前端框架就是為了減少DOM操作，但是再特定的情況下，還是給你留了後門的
在指定的元素上，新增 ref
 
="名稱A"
在獲取的地方加上 this.$refs.名稱A
   如果ref放在了原生DOM元素上，獲取的資料就是原生的DOM物件
   如果ref放在了元件物件上，獲取的就是元件物件

   export default{
       data(){
           return{
               text:'123'
           }
       },
       //組價建立後，資料已經完成初始化，但是DOM還未生成
       created(){  //事件的處理函式(created)
           console.log('created':this
 
.$refs.myDiv);
       }   
       //資料裝載到DOM上，各種資料已經就位，將資料渲染到DOM上，DOM已經生成
       mounted(){
           this.$refs.sub.$el.innerHTML='xxxxx'   元件

           console.log('mounted:',this.$refs.myDiv); DOM

           //涉及DOM類的操作
           //this.$refs.myDiv.innerHTML='hhhh';

           //涉及到資料的操作
           this.text='xxxx';
       }
   }

   總結：原生的DOM可以直接操作，若是元件物件，想獲得DOM物件，通過this.$refs.sub.$el進行操作

   對應的事件：
   created完成了資料的初始化，此時還未生成DOM，無法操作DOM
   mounted將資料已經裝載到了DOM之上，可以操作DOM   




重定向和404

進入後，預設就是/
重定向 {path :'/',redirect: '/home'}
重定向 {path :'/',redirect:{name:'home'}}

404:在路由規則的最後的一個規則中寫一個很強大的匹配
{path : '*',component: NotFoundVue}

兩種建立路由物件配置路由規則的方式
方法一：
let router=new VueRouter();
   routes:[
   {}
   ]

方法二：
let router=new VueRouter();
router.addRoutes([

])


let router=new VueRouter();
router.addRoutes([
    //重定向
    {path: '/',redirect: '/home'},
    {path: '/home',component:Home}

    {path: '/',redirect:{name: 'home'}},
    {name: 'home',path: '/home',component: Home}
    //最終無法匹配 ->404
    {path: '*',component: NotFound}

])