Laravel 控制器将值作为 Vue 道具传递

Question

我目前有一个 Laravel 路由通向我的控制器的 index 函数，并带有传递的 ID，我在视图中返回 id

public function index($id)
{
    return view('progress')
        ->with('identifier', $id);
}

在所述视图中加载的组件中，我正在尝试访问 identifier 作为我的 vue 脚本中的道具

props: ['identifier'],
    methods: {
        getInformation() {
            this.$root.$emit('fetchEvent');
        },
    },
    mounted () {
        console.dir(this.identifier);
    }

但是，我的控制台显示未定义，我不知道如何将传递的 identifier 作为道具。

我做错了什么？

更新：

完整的模板代码

<template>
    <div>
        <div class="tab-content">                
                <item-component 
                    :web-identifier="identifier"
                ></item-component>
        </div>
    </div>

</template>


<script>
export default {
   props: ['identifier'],
    methods: {
        getInformation() {
            this.$root.$emit('fetchEvent');
        },
    },
    mounted () {
        console.dir(this.identifier);
    }
}
</script>

刀片：

<div>
<task-detail-component></task-detail-component>
</div>

Answer 1

在刀片模板中按如下方式传递该数据：

<div>
<task-detail-component :identifier="{{$identifier}}"></task-detail-component>
</div>

Answer 2

在您需要传递identifier 的模板中，它将是这样的

<div>
<task-detail-component :identifier="{{$identifier}}"></task-detail-component>
</div>