1.app.vue
<template>
<div id="app">
<router-view/>
<FooterGuide v-show="$route.meta.showFooter"/>
</div>
</template>
<script>
import FooterGuide from './components/FooterGuide/FooterGuide.vue'
export default {
mounted () {
},
methods: {
},
components: {
FooterGuide
}
}
</script>
<style lang="less">
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
}
}
}
</style>
2. router/index.js
routes: [
{
path: '/msite',
component: MSite, // 返回路由组件的函数, 只有执行此函数才会加载路由组件, 这个函数在请求对应的路由路径时才会执行
meta: {
showFooter: true
}
},