一壹哺、導(dǎo)航欄放到哪
1. 放到App.vue中：那么每個(gè)頁面都會(huì)有導(dǎo)航欄抄伍，不用在其他組件中添加導(dǎo)航欄，缺點(diǎn)是如果有的頁面不需要導(dǎo)航欄管宵，就需要想辦法清除掉
<div>
<router-link to="/money">記賬</router-link>
<router-link to="/labels">標(biāo)簽</router-link>
<router-link to="/statistics">統(tǒng)計(jì)</router-link>
</div>
2. 將導(dǎo)航欄制作成單獨(dú)的組件截珍，然后在每個(gè)組件中單獨(dú)引用：多了很多重復(fù)的代碼，首先要引用啄糙，然后再每個(gè)組件注冊(cè)這個(gè)組件笛臣，再使用云稚，以Money.vue為例隧饼，這三個(gè)步驟會(huì)在每個(gè)需要Nav的組件中重復(fù)
<template>
<div>
Money.vue
<Nav/> //第三步，使用
</div>
</template>
<script lang="ts">
import Nav from '@/components/Nav.vue'; //第一步静陈，引入
export default {
name: 'Money',
components: {Nav}, // 第二步燕雁，注冊(cè)
}
</script>
3. 最終方案，在main.ts中全局注冊(cè)導(dǎo)航組件鲸拥，在需要的頁面直接使用
import Nav from '@/components/Nav.vue';
Vue.component("Nav", Nav)
二拐格、手機(jī)不要使用fix定位
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
