将道具从Laravel Blade传递到Vue.Js返回未定义

Question

我试图将道具从Laravel刀刃传递到Vue元素，尝试使用： ：数据或 数据 两者都不起作用。

在Vue Devtool上返回未定义。

file.blade.php

<div id="truthchallenge">
  <truth-challenge data="datastring" />
</div>

truthchallenge.js （main.js）

import Vue from 'vue'
import router from '../router'
import TruthChallenge from './views/TruthChallenge'

new Vue({
  router,
  render: h => h(TruthChallenge)
}).$mount('#truthchallenge')

TruthChallenge.vue

<script>
export default {
  name: 'truth-challenge',
  props: {
    data: String
  }
}
</script>

我试图将道具从vue.js传递给孩子，它可以工作，但不能从Laravel刀片中获得。 您是否有关于我的代码不起作用的线索？

Answer 1

如果我正确理解，您正在尝试将php变量传递给Vue模板？

尝试这样：

qmlRegisterSingletonInstance<Application::CameraService>("Application.CameraService", 1, 0, "CameraService", service);