如何在 vue 中渲染 smarty？答案

【问题标题】：How to render smarty inside vue?如何在 vue 中渲染 smarty？
【发布时间】：2019-10-08 18:01:01
【问题描述】：

如何在 vue 中渲染 smarty？我想在我的应用程序中的所有内容上创建 vue 实例并将其与 smarty 连接。我想将 vue 用于前端数据，将 smarty 用于后端数据。当我生成示例中的代码时，它会出现，而当 vue 渲染消失时

<div id="vue-app">
<div>{$smartyVariable}</div>
<div>

【问题讨论】：

我听说反过来（Smarty 中的 Vue.js）：How to integrate PHP smarty template with Vue.js?
我看到了，但是我需要在 vue 中使用 Smarty，因为渲染（对 seo 友好）并且我有大量用 smarty 编写的代码。我不能为vue重写它，我什至不想这样做
恕我直言，你不能。 Smarty 在服务器端渲染，Vue 在前端，所以不能直接传递 Smarty 变量。

标签： php vue.js smarty

【解决方案1】：

也许迟到了，但是...您可以在 *.tpl 中使用 {LITERAL} 像这样的：

<div>

    <div id="app">
        <h1>{literal}  {{ message  }} {/literal}</h1>
    </div>

{literal}
    <script>
        var myObject = new Vue(
            {
                el: '#app',
                data: {
                    message: 'Hello Vue!'
                }
            }
        );
    </script>
{/literal}
</div>

【讨论】：