vue+饿了么 后台管理 布局，如何学习网页前端开发

项目用的vue-cli2 +element UI搭建

目前 布局的 目录

src：

assets //放置一些静态资源

components：

home //布局

login //登录

view //组件页面

router //路由配置

目前效果：

router.js文件

import Vue from ‘vue’

import Router from ‘vue-router’

import demo from ‘@/components/view/demo’ //单独的导航页面 不能用懒加载引入

Vue.use(Router)

export default new Router({

routes: [

{

path: ‘/’,

name: ‘login’,

component: ()=> import(‘…/components/login/login.vue’),

hidden: true //在导航栏不显示 作为参数传过去控制

},

{

path: ‘/demo’,

name: ‘单独点击’,

leaf: true, //只有一个节点 点击即跳转

component: ()=> import(‘…/components/home/home.vue’),

iconCls: ‘el-icon-s