使用带有 PHP 变量的 VueJS答案

【问题标题】：Using VueJS with a PHP Variable使用带有 PHP 变量的 VueJS
【发布时间】：2016-07-07 15:19:26
【问题描述】：

我正在尝试绑定一个 HTML 元素，该元素包含一个通过 PHP 回显的字符串，以便我可以将它与 VueJS 一起使用。基本上我要做的是根据一些 php/mysql 数据库查询在 GBP 和 USD 之间切换（USD 是默认值）。这是迄今为止我尝试过的一个简化示例。

<div id="app">
   <?php $string = 'GBP'; ?>
   <!-- Hide this from the front end but bind to Vue somehow -->
   <span v-el:currency style="display: none;"><?php echo $string; ?></span>

   <p>Payment currency: {{ currency }}</p>
</div>

当然我可以再次回显 php 变量，但我想将它绑定到 VueJS 元素的主要原因是我可以在我的 JS 中使用这个元素的值来做这样的事情......

if (this.currency === 'GBP') {
   return "Paying in GBP";
} else {
   return "Paying in USD";
}

值得注意的是，我已经在这个#app 中使用了相当多的 VueJS，所以这与 Vue 的配置错误无关，更多的是不知道解决问题的正确方法。

【问题讨论】：

标签： vue.js

【解决方案1】：

我不会在组件中交错 PHP 和 javascript。为什么不在最后创建一个包含所需变量的新脚本？

<!-- bottom of the body -->
<script>var currency = <?php echo $yourVar; ?></script>

然后它将是一个全局变量，您只需从那里获取它。

【讨论】：