vue中拆分子元件和子路由的步驟

原理：利用import和export 也就是匯入和匯出

一、vue中拆分子元件

import cxheader from "./header.vue";

import cxslider from "./slider.vue";

2. 3.

export default ,

}]},

//後台登入

,// 使用者管理},}

]},

//分類管理classfiy和addclass},}

]},},}

]},

//文章管理},}

]},

//banner管理 },}

]},

//manager管理},]

},,]}

]export default adminroute;3)protal.js中

//前台路由

import portallogin from "../views/portal/login/login.vue"
import portalregister from "../views/portal/register/regiter.vue"
import protallayout from "../views/portal/index/layout2.vue"
import index from "../views/portal/index/index.vue"
import detail from "../views/portal/detail/detail.vue"
import send from "../views/portal/send/send.vue"
const protalroute = [
//前台路由,,
]},,,
]export default protalroute;

Vue的元件和路由

元件 component 是 vue.js 最強大的功能之一。元件可以擴充套件 html 元素，封裝可重用的 在較高層面上，元件是自定義元素，vue.js 的編譯器為它新增特殊功能。元件是對特點功能 html,css,js 的封裝,通過元件的名字可以重複 利用該元件中的 1全域性元件 全域性元件的語...

Vue中的元件以及路由

為什麼把檢視給元件化拆成一塊一塊的呢？說白了,元件就是對區域性檢視的封裝 全域性元件定義的三種方式 使用 vue.extend 配合 vue.component 方法 var login vue.extend vue.component login login 直接使用 vue.component ...

單檔案元件與Vue中的路由

1.單檔案元件 2.路由 3.多頁應用和單頁應用 多頁面應用 每一次跳轉頁面的時候，控制台伺服器都會返回乙個新的html文件。優點 首屏時間快 即頁面首個螢幕展現出來的時間，因為訪問頁面的時候，伺服器就會返回乙個html，然後頁面就會被展示出來，這個請求只經歷了乙個http請求的過程，所以頁面展示的...