Vue实战+Element组件

• 实战二手交易平台

• 步骤：
• 创建页面，完成页面的整体布局规划
• 布局中各个部分的组件实现
• 列表数据的异步加载，并渲染展示

 

 

 

 

VUE路由 

通过Vue的路由VueRouter完成左侧菜单栏点击切换效果 （<router-link to=""/>）

<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
                    <el-menu :default-openeds="['1', '3']">
                        <el-submenu index="1">
                            <template slot="title"><i class="el-icon-message"></i>
                             商品管理</template>
                            <el-menu-item-group>
                                <el-menu-item index="1-1">
                                    <router-link to="/products">所有商品</router-link>
                                </el-menu-item>
                                <el-menu-item index="1-2">
                                    <router-link to="/userInfo">用户管理</router-link>
                                </el-menu-item>
                            </el-menu-item-group>
                        </el-submenu>
                    </el-menu>
                </el-aside>