如何从Web配置读取值到Vue JS代码

Question

我是vue的新手，正在学习中。

第一个问题-我正在尝试从webconfig读取值到vue，因此我可以使用Web config中的值来代替直接在vue文件中进行硬编码。 有人可以告诉我该怎么做吗？

第二个问题-如何调试Vue代码？我在C＃mvc项目中使用，并且为chrome安装了 vue.js devtools 扩展名。但是我试图理解，如何像常规C＃项目中那样设置断点并逐步执行？有可能出现吗？任何有用的调试vue的链接都将不胜感激。

谢谢。

Answer 1

第一个问题：要从web.config文件（服务器端）到vue文件（客户端）中获取值，您需要一个api调用以从服务器，即您的web.config文件。就像您检索其他任何数据一样。

第二个问题：调试vue应用应该与调试其他任何javascript应用/文件相同。基本知识是：在Chrome中按F12键，转到“源”标签，找到要调试的文件（或者按ctrl + p并找到文件），然后可以在数字所在的左侧放置一个断点。 另外，您也可以在代码中放入debugger，如果您打开了Chrome开发者工具，则将其选中。该调试器的示例如下：

someFunction()
{
    //breakpoint will be hit at this debugger
    debugger;
}

看看this和this链接，它们将帮助您开始在Chrome中调试JavaScript。

希望这会有所帮助！

Answer 2

第一个问题： 您可以在mvc视图中读取webconfig值，并将该值放入Javascript的window对象中。然后您可以从Vue读取值。这就是我在angularjs项目中读取webconfig值的方式。