如何将文件中的PHP变量传递到Vue.js组件中

Question

[我正在尝试找出如何在与我想要的模板元素不同级别的文件和文件夹中注入php变量。

这里（大致上是我要实现的目标：

文件夹结构： src / assets / my-file.php

<?php $test="Hello World";?> 

文件夹结构： src / components / Home.vue

<template>
    <div>   <h1> {{ welcomeMsg }} </h1>    </div>
</template>

<script>
export default {
    name: 'Home',
    props: 'welcomeMsg' //php $test variable should be here somehow?
}

<style></style>

我是Vue.js的新手，所以我确定这里很多地方都缺少。

Answer 1

您需要将值传递到调用组件的标签中。将您的信息道具名称放入一个数组中，例如：

<script>
export default {
    name: 'Home',
    props: [
        'msg'
    ]
}
</script>

然后，在调用组件的标签中：

<home msg="<?php echo $test ?>" />