PC端后台管理系统实现

PC端后台管理系统

创建一个项目
以admin-lte为模板
复制start.html的body内容放大App.vue
复制css以及js文件至public文件夹内
引入css以及js --- 静态css以及js

抽离左侧menu为组件menu.vue
App.vue中注册组件并且使用
修改menu的菜单

抽离页面的中心部分。使用路由代替

创建组件 views/Home.vue views/Movie.vue

修改router.js

点击menu切换页面

使用UI库
》 cnpm i element-ui -S

cnpm install babel-plugin-component -D

修改babel.config.js

需要的页面处引入需要的组件，直接复制代码即可