请问如何在ASP.NET MVC 中使用ElementUI

Question

请问如何在ASP.NET MVC 中使用ElementUI，
麻烦大佬教教详细过程

Answer 1

我是把elmentui的文件下载下来然后再引用的，也可以直接引用在线的。
1.引用css

<link href="~/Content/ElementUI/element-ui.css" rel="stylesheet" />

2.引用vue.js(这个直接引用的cdn的)

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>

3.引用elementui的js

 <script src="~/Scripts/ElementUI/element-ui.js"></script>

4.引用ajax(这个直接引用的cdn的)

<script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>

5.实例化vue对象，在script里面

var app = new Vue({
            el: "#app",
            data: {}
    }
)

至于js怎么写，在vue官网可以看。要注意的是，如果在cshtml页面的话，
@是cshtml的关键字符，要写完整的，比如"v-on:click"，就不能写成"@click"

Answer 2

ELEMENT-UI使用指南
https://www.cnblogs.com/wulihong/p/8986815.html

Answer 3

ElementUI 作为前端框架，直接使用就可以了，和asp.net mvc没有什么关系
把它的js导入，放入cshtml，它需要的数据，在asp.net mvc控制器里，用 JsonResult 返回即可

Answer 4

看这个
net MVC +Vue.js+Element UI 笔记
https://www.cnblogs.com/linqing/p/7105711.html

Answer 5

ElementUI 只是一个UI库，你如果要使用这个UI库需要配合vue框架来进行使用。
你的页面渲染方式就得修改，所有相关的数据需要以json返回，并由vue进行渲染。

Answer 6

@是cshtml的关键字符，要写完整的，比如"v-on:click"，就不能写成"@click"。这是@是注解，所以你直接@@click就当想v-bind:onclick="function()"这个了