Javascript 在数据属性中序列化对象的最可靠方法

我想知道在数据属性中序列化对象（例如

如果您还没有JSON.NET Nuget包，请安装它
使用它。例如，在Razor语法中：

<div class="my-component" data-options="@JsonConvert.SerializeObject(new 
   {
      active = true,
      name = "Foo",
      // ...
   })">
</div>


JsonConvert.SerializeObject（）
将确保对象被呈现为有效的JSON，而不管是否存在反斜杠之类的奇怪字符。Razor的
@
语法将确保生成的JSON在HTML上下文中正确编码，因此像
这样的符号如何衡量“可靠”呢here？在本机转换为javascript对象时不会失败。
jQuery(function($) {
  $('.my-component').each(function() {
    var component = $(this);
    var options = component.data('options');
    component.somePlugin(options);
  });
})