首先新建一個vue項目,然后安裝element-ui組件,vuex狀態管理等需要用到的。
項目建立好能運行之后,在src/commponents文件夾下新建一個layout文件夾用于書寫布局相關代碼,在文件夾內新建header.vue,slider.vue,footer.vue,contentMain.vue,home.vue文件(當然也可以只新建一個home文件,把相關布局全部寫在home.vue文件內,但是不怎么推薦)
再在src文件夾內新建一個page文件夾,在里面按照需求新建文件,用于書寫頁面,新建文件完成之后,大致的目錄結構如下圖
在home.vue頁面內導入header.vue,slider.vue等相關的布局組件
在router/index.js文件夾內書寫路由,按需加載相應的路由模塊,meta里面設置相應的title、icon,后面會用到
containMain里面對應的就是需要添加內容的頁面,別忘了寫上<router-view></router-view>,否則沒有渲染到。之后每在page文件夾內新增一個頁面,相應的到router里去設置好路由就可以了。
整個項目目前只是搭建了簡單的框架,后續會慢慢的豐富。
github地址https://github.com/LonelyFarer/managerSystem
雖然渺小,依然散發光芒,希望能對您有所幫助!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。