.net core vue elementui MVC模式(传统web开发模式)目录
1、Libman 客户端管理库先下载安装ElementUi
vs2017在项目右键—>添加—>添加客户端库
下载安装Vue
安装后Libman 配置文件
2、项目views文件夹除了Home文件夹Index.cshtml,其他全部删掉,从elementUI官网选择布局容器和导航菜单
Index.cshtml文件
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Index</title>
<link rel="stylesheet" href="~/css/main.css" />
<link rel="stylesheet" href="~/lib/element-ui/theme-chalk/index.css" />
<script type="text/javascript" src="~/lib/vue/vue.js"></script>
<script type="text/javascript" src="~/lib/element-ui/index.js"></script>
</head>
<body>
<div id="app">
<el-container>
<el-header>Header</el-header>
<el-container>
<el-aside width="230px">
<el-menu default-active="2"
class="el-menu-vertical-demo"
@@open="handleOpen"
@@close="handleClose"
background-color="#545c64"
text-color="#fff"
active-text-color="#ffd04b"
style="height:100%;">
<el-submenu index="1">
<template slot="title">
<i class="el-icon-location"></i>
<span>导航一</span>
</template>
<el-menu-item-group>