https://github.com/mbdavid/DotVue

Implement .vue file handler in .NET with server ViewModel postback
https://github.com/mbdavid/DotVue

Last synced: about 1 month ago
JSON representation

Implement .vue file handler in .NET with server ViewModel postback

• Host: GitHub
• URL: https://github.com/mbdavid/DotVue
• Owner: mbdavid
• Created: 2017-05-06T21:31:18.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-07T17:26:23.000Z (over 1 year ago)
• Last Synced: 2024-01-28T14:10:56.466Z (4 months ago)
• Language: C#
• Size: 255 KB
• Stars: 73
• Watchers: 12
• Forks: 17
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Lists

• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access. (Components & Libraries / Scaffold)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access. (Scaffold / Server)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access. (Scaffold / Server)
• awesome-vue - DotVue ★26 - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server side data access. (Scaffold / Server)
• awesome-vue - DotVue - Implement .vue file handler in .NET with server ViewModel postback. Single-file components with server-side ViewModel. Use all power of VueJS with simple C# server-side data access. (Components & Libraries / Scaffold)

README

        
# DotVue

Implement `.vue` single-file component with server-side ViewModel. Use all power of VueJS with simple C# server side data access.

> Login.vue.cs

```C#

namespace ServerViewModel

{

    public class Login : ViewModel

    {

        public Username { get; set; }

        public Password { get; set; }

        

        public Message { get; set; }

        public void Login()

        {

            this.Message = AuthServie.Login(Username, Password);

        }

    }

}

```

> Login.vue

```HTML

@viewmodel ServerViewModel.Login

    


        


            Username

            

        

        


            Password

            

        

        


            Login

            Clear

        

        
{{ Message }}

    

    


    .login-box {

        border: 1px solid silver;

        button { display: block; }

    }

    

    .alert {

        color: red;

    }

    

    // Optional: add Vue mixin (client only)

    return {

        methods: {

            Clear: function() {

               this.Username = "";

               this.Password = "";

               this.Message = "";

            }

        }

    }

    

```

## Setup

```C#

public void Configure(IApplicationBuilder app, IHostingEnvironment env)

{

    app.UseDefaultFiles();

    app.UseStaticFiles();

    app.UseDotVue(c =>

    {

        c.AddAssembly(typeof(Startup).Assembly);

    });

}

```

# Features

- ASP.NET Core 2

- Server based ViewModel with attributes decorations: methods, watchs and props

- Deploy `.vue` file as embedded resource (deploy only `.dll` file)

- Support file upload

- Support any external vue plugin

- See `WebApp` for examples