我不是天生的王者，但我骨子裡流淌著不讓我低頭的血液。vue 專案設定公用的header.vue和footer.vue元件，而登入頁不需要設定header，因而有了這篇部落格，具體**及步驟如下。
首先，專案結構如下：
此時執行會發現，所有的頁面都被加上了這兩個公共頁面，而實際場景中，我們往往希望登入頁是不需要導航欄和側邊欄的，那麼就需要規避掉登入頁。
這時，就可以採用keep-alive結合rou
te.m
eta來
實現這個
功能。k
eep−
aliv
e是vu
e內建的
乙個元件
，可以使
被包含的
元件保留
狀態，或
避免重新
渲染。route.meta來實現這個功能。keep-alive 是 vue 內建的乙個元件，可以使被包含的元件保留狀態，或避免重新渲染。
route.
meta
來實現這
個功能。
keep
−ali
ve是v
ue內建
的乙個組
件，可以
使被包含
的元件保
留狀態，
或避免重
新渲染。
index.js**如下：
import vue from 'vue'
import router from 'vue-router'
import helloworld from '@/components/helloworld'
import login from '@/views/login'
import index from '@/views/index'
import versionlist from '@/views/versionlist'
vue.use(router)
export default new router(
},},
},]})
原文：
Vue 設定導航欄 側邊欄為公共頁面
首先，專案結構如下 此時執行會發現，所有的頁面都被加上了這兩個公共頁面，而實際場景中，我們往往希望登入頁是不需要導航欄和側邊欄的，那麼就需要規避掉登入頁。index.js 如下 import vue from vue import router from vue router import hell...
vue左側導航欄
1.在element官網找到模板 2.新增和 click topage helloworld 如下 login tac 4 我的系統 h5 default active 2 class el menu vertical demo open handleopen close handleclose b...
vue 實現底部導航欄
解決辦法 1.新建四個或者多個頁面 index.vue,classify.vue,shoppcart.vue,my.vue 2.新建tabbar.vue頁面 tab bar 名叫插槽，在這邊主要起到的是佔位的作用3.新建tabbaritem.vue頁面 class tab bar item clic...