element ui + vue.js + asp.net mvc 实现单页面程序 基础控件设置（1）

布局

布局通过layout和container实现；

1.引入css和script

首先通过引用打包配置类来添加需要的css和script文件；

    @Scripts.Render("~/bundles/vue")
    @Scripts.Render("~/bundles/element")
    @Styles.Render("~/Content/elementcss")

在引用之前需要在bundleconfig.cs文件中通过相对路径引入需要的文件。

            bundles.Add(new ScriptBundle("~/bundles/vue").Include(
                "~/Scripts/vue.js"));
            bundles.Add(new ScriptBundle("~/bundles/element").Include(
                "~/Scripts/index.js"));

            bundles.Add(new StyleBundle("~/Content/elementcss").Include(
                      "~/Content/index.css"));

想要详细了解bundleconfig内容的请移步这个链接。

布局开发

html：

屏蔽掉mvc原有html代码，引入下面html内容&#x