net MVC +Vue.js+Element UI 笔记

Posted 林清的Blogs

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了net MVC +Vue.js+Element UI 笔记相关的知识,希望对你有一定的参考价值。

最近项目需求要用到Vue 与 Element UI。但是又不想用Node.js。就结合了Net.MVC来做项目开发。故而做个笔记来记录一些遇到的问题和处理思路

用到MVC主要考虑是到 对 Node.js 不是特别了解。不想给自己埋坑。

而且基于MVC的话,能用到MVC的服务器端渲染,Session,验证,路由机制等等还是非常和嗨皮的。

然而集合MVC的话,比较烦的是在做可复用Component和JS文件的封装上没Node.js那么方便。

 Note:不得不吐槽,Vue.js简直和Flash Flex一个设计思路呢

笔记一:

  可复用Dialog Component做法思路 VueScript.cshtml

@{
    Layout = null;
}
<script>
    @{ 
        string template = Html.Partial("~/Views/Dialog/Com_AddDatabaseDialog_Template.cshtml").ToString().Replace("\r\n","");
    }
    var Com_AddDatabaseDialog = {
        template: ‘@Html.Raw( template )‘,
        props: [‘bDefOpen‘],
        created:function()
        {
        },
        beforeUpdate: function () {
        },
        computed: {
        },
        data: function()
        {
            return {
                m_bOpen: this.bDefOpen
            };
        },
        methods: {
            }
        }
    };
</script>

 

以上是关于net MVC +Vue.js+Element UI 笔记的主要内容,如果未能解决你的问题,请参考以下文章

asp.net mvc + vue.js + axios.js

ASP.NET 5 MVC 6 CORS vue.js 请求不允许

Asp.net MVC + Vue.js

.net Core中Vue.js里使用Element-UI

ASP.NET MVC+Vue.js实现联系人管理

有没有办法使用 .NET MVC 提供 vue.js statc 文件?