javascript - .NET Framework View 模型到单独的 Javascript 文件中

Question

我想我有一个基本问题......我想要 SoC 我的设计。我有

• testController.cs
• testViewModel.cs
• testView.cshtml
• testScript.js

我在 Controller 中生成一些数据，填充 testViewModel 并将其传递给 Razor View 在 Razor View 内我可以使用

<script>
    var someVariable = @Model.someVariable;
</script>

这工作得很好，直到我想将我的 javascript 代码移动到一个单独的 js 文件中。

获取 javascript 文件中变量中的数据的最佳方法是什么？

这实际上是基本问题，其次一旦这起作用了我想以相同的方式在单独的文件中使用 VueJs。

但是我不知道如何将razor View 中的数据获取到vue数据变量中。

最佳实践是什么？

Answer 1

我认为不一定有“最佳实践”，因为不同的解决方案对于不同的场景来说是最佳的。话虽如此，我倾向于这样做的一种方法是使用带有 IIFE 的“显示模块模式”。所以它可能看起来像这样:

SomeScript.js

var SomeModule = (function () {
    var someVariable = null;

    return {
        // someExternalVar will be passed from the caller
        init: function (someExternalVar) {
            someVariable = someExternalVar;
        }
    };
})();

然后在 Razor View 中:

MyRazor.cshtml

<!-- import your SomeScript.js -->

<!-- other stuff -->

<script>
    SomeModule.init(@Model.someVariable);
</script>

我确信您可以扩展此模式，以使用传递给 SomeModule.init() 的参数来实例化 Vue。