通过服务器端渲染将数据注入 <script>var t = {{{$data}}}</script>答案

【问题标题】：Injecting data into <script>var t = {{{$data}}}</script> via server side rendering通过服务器端渲染将数据注入 <script>var t = {{{$data}}}</script>
【发布时间】：2017-11-15 06:28:26
【问题描述】：

这里是演示：

<script>
    var temp = {{{$data}}}
</script>

我喜欢将 $data 注入<script>，但在 vue2.0 中，{{{}}} 已被弃用，取而代之的是 v-html。而且v-html的外观不能满足要求。

【问题讨论】：

嘿，嘘！在这里你有一个讨厌的技巧：将<script>标签生成为文本，然后在v-html中使用它：D无论如何，你为什么要生成一个带有另一个JS代码的JS代码？
@SebastianKaczmarek 由于 $data 来自后端，我需要在前端使用它。如果使用 ajax 会有更多的请求，所以我喜欢通过服务器端渲染注入它。后端和前端都使用vue
你正在尝试的，基本上是个坏主意，对用户界面有不利影响。您能做的最好的事情就是重组您的应用程序。

标签： javascript node.js vue.js

【解决方案1】：

这样使用：

<script>
    window.data = <?=$data?>
</script>

在视图中：

var data  = window.data

【讨论】：