vue中的meat的使用

作为一个新手，开始的时候并不太知道路由中有meat这个东西，在在项目的时候，发现这东西还挺好用的，解决了好多的问题，言归正传，每一个路由都含有一个meat字段。

1.meat的配置：

const router = new Router({

//配置路由规则

rouotes:[

{

path："/",

name:'index',

compontent:index,

meat:{

//使用对象的方式配置

show:true;

}

})

2.使用meta数据：

$route.meat.xxxxx;

3.再来说说meat使用的场景：
    当我们在项目中有大量的使用一个组件的时候，但是这是后就有极少数的页面没有使用到这个组件，我们现在该咋办，很显然要使用v-if或者v-show来显示或者隐藏掉当前这个组件，但是我们又不可能每次的都在跳转路由的时候去if判断我们当前的页面中有没有使用这个组件，现在我们就可以用到meat这个字段使用v-show="$route.meat.show"的方式去判断这样保证了灵活性。meat.show返回的是一个布尔值。