如何为客户端javascript提供初始数据?

时间:2017-03-02 08:14:32

标签: asp.net asp.net-core vue.js asp.net-core-mvc vuejs2

我只是想知道是否有新方法为客户端处理提供初始数据(json)?我正在使用ASP.NET Core MVC,我试图避免对数据的初始ajax请求。

目前,我可以在我的asp.net视图中将模型渲染为json数据:

<script>
  var serverData = @Json.Serialize(Model); //List<TextItem>
</script>

然后我可以在我的客户端脚本(VueJs,.vue组件文件)中访问该serverData:

<template>
  <ul>
    <li v-for="item in list">{{item.text}}</li>
  </ul>
</template>
<script>
  export default {
    data: function () {
      return {
       list: serverData
      }
    }
  };
</script>

解决方案工作正常,但我不想将原始数据呈现到页面源中。有没有更优雅的方式来提供一个初始数据而没有任何附加(ajax)请求到服务器?

修改

我发现了一篇关于这个概念的文章(它使用了角度): https://blog.mariusschulz.com/2014/03/25/bootstrapping-angularjs-applications-with-server-side-data-from-aspnet-mvc

它仍然是在服务器端预渲染数据的最佳方式吗?

0 个答案:

没有答案