.net mvc中母版与视图中使用vue

最新推荐文章于 2023-05-30 17:14:44 发布

wyljz

最新推荐文章于 2023-05-30 17:14:44 发布

阅读量2k

点赞数

分类专栏： C# vue-js

本文链接：https://blog.csdn.net/wyljz/article/details/102520463

版权

C# 同时被 2 个专栏收录

75 篇文章 0 订阅

订阅专栏

vue-js

43 篇文章 1 订阅

订阅专栏

母版中：

<!DOCTYPE html>

<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>
    <link rel="stylesheet" href="~/css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="~/Scripts/element/2.8.2/theme-chalk/index.css">

    <script src="~/Scripts/vue.min.js"></script>
    <script src="~/Scripts/element/index.js"></script>
    <script src="~/Scripts/jquery-1.12.4.min.js"></script>
    <script src="~/Scripts/utils.js"></script>
   
</head>

<body>
    <div id="main">
    </div>
    @RenderBody()
    <script>
        var mainVue = new Vue({
            el: '#main',
            data() {
                return {
                    title: ''
                }
            },
            methods: {
                gettitle() {
                    var that = this;
                    $.post('/mobil/gettitle', function (res) {
                        that.title = res
                        $(document).attr('title', res);
                    })
                }
            },
            mounted() {
                this.gettitle();
            }

        })
    </script>

    @RenderSection("Scripts", required: false)
</body>
</html>

母版中定义的mainVue变量在视图中可以使用，绑定或调用方法都可以
视图中：

@{
    Layout = "~/Views/Shared/_vueLayout.cshtml";
}

<div id="app">
    {{mainVue.title}}
</div>

@section Scripts{
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
            }
        },
        methods: {
            
        },
        mounted() {
            
        }
    });
</script>
}

wyljz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
.net mvc中母版与视图中使用vue

母版中：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@ViewBag.Title&...
复制链接

扫一扫

专栏目录