国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁/技術文章
文章詳情頁

基于Vue+Webpack拆分路由文件實現管理

瀏覽:5日期:2022-10-28 13:05:57

事實是,如果你的項目不是特別大,一般是用不著分拆的。如果項目大了,那就需要考慮分拆路由了。其實,這個操作并不復雜。

當我們用 vue-cli 工具,創建一個新的 vue 項目時,就已經給大家新建好了一個路由文件 src/router/index.js ,內容如下:

import Vue from ’vue’import Router from ’vue-router’import HelloWorld from ’@/components/HelloWorld’Vue.use(Router)export default new Router({ routes: [ { path: ’/’, name: ’HelloWorld’, component: HelloWorld } ]})

我們以這個文件為藍本,進行調整。舉例,我們現在要新建一個 news 的這個路由,然后這個路由下面,還有一些子路由,我們就可以這樣寫:

router/index.js 文件調整

// src/router/index.jsimport Vue from ’vue’import Router from ’vue-router’// 子路由視圖VUE組件import frame from ’@/frame/frame’import HelloWorld from ’@/components/HelloWorld’// 引用 news 子路由配置文件import news from ’./news.js’Vue.use(Router)export default new Router({ routes: [ { path: ’/’, name: ’HelloWorld’, component: HelloWorld }, { path: ’/news’, component: frame, children: news } ]})

如上,我們引入一個子路由視圖的 vue 組件,然后再引入 news 的子路由配置文件即可。下面我們來編寫這兩個文件。

frame/frame 子路由視圖 vue 組件

<template><router-view /></template>

子路由視圖組件就異常簡單了,如上,三行代碼即可,有關 router-view 的相關內容,請查看:

https://router.vuejs.org/zh/api/#router-view

router/news.js 子路由配置文件

其實,配置這個文件和 vue 沒有什么關系,純粹就是 js es6 的導出和導入而已。

import main from ’@/page/news/main’import details from ’@/page/news/details’export default [ {path: ’’, component: main}, {path: ’details’, component: details}]

如上,即可。我們就完成了路由的多文件管理了。這樣看,是不是很簡單呢?有什么問題,請在評論中留言,我會抽時間答復大家。

更多內容,請參考官方網站:https://router.vuejs.org/zh/

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 国产成人在线免费观看 | 精品一区二区三区亚洲 | 成人午夜视频一区二区国语 | a级在线观看视频 | 成人精品视频一区二区三区 | 中文字幕在线视频在线看 | 波多野结衣在线中文 | 啪啪一级视频 | 欧美日韩高清性色生活片 | 亚洲欧美精品中字久久99 | 久草福利资源 | 国产色司机在线视频免费观看 | 一区一精品 | 国产高清视频在线 | 免费一级特黄 欧美大片 | 国内精品一区二区2021在线 | 国产成人一区二区三区在线视频 | 九草在线视频 | aaa级大片 | 中文国产成人精品久久一区 | 手机在线一区二区三区 | 国产天堂在线一区二区三区 | 国产盗摄精品一区二区三区 | 外国成人网在线观看免费视频 | 欧美操操操 | 韩国日本三级在线观看 | 三级午夜三级三点在看 | 免费手机黄色网址 | 欧美中日韩在线 | 1024国产欧美日韩精品 | 国产一区二区三区久久精品小说 | 成年女人毛片免费播放视频m | 国产一区二区三区在线观看精品 | 伊人一级 | 国产精选莉莉私人影院 | 看全色黄大色黄大片毛片 | 男人天堂视频在线观看 | 免费一级欧美大片视频在线 | 成人欧美一区在线视频在线观看 | 国产aaa女人十八毛片 | 亚洲精品综合欧美一区二区三区 |