vue.js - 将 VueJS 与 PHP 变量一起使用

Question

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

<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 变量，但我想将它绑定(bind)到 VueJS 元素的主要原因是我可以在我的 JS 中使用这个元素的值来做这样的事情......

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

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

Answer 1

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

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

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