检查从laravel传递到vue的数据是否存在

有时我需要将数据从控制器传递到视图，有时我不需要！ 但当没有数据传递时，我会出现以下错误：

未定义变量：教程（视图： /var/www/html/resources/views/home.blade.php）

无数据示例：

public function index()
{
    return view('home');
} 

包含数据示例

public function tutorial()
{
    return view('home', ['tutorial' => 'Welcome to myproject, lets get started!!!']);
}

刀片：

beforeMount()
{
    let tutorial = {{ var_export($tutorial) }} // ERROR!!
    if (tutorial) {
        return
    }
    this.reloadData()
}

我想我可以在我的索引函数中这样做：

public function index()
{
    return view('home', ['tutorial' => []);
}

---

但这太恶心了！！无论如何，要检查从laravel传递的数据是否存在于我的vue中？？？

，因为您不能将laravel变量放在js中

解决问题的选项包括：

使用应用程序对数据执行api请求 组件安装完成后

将数据附加到 使用刀片模板的Javascript上下文

你可以这样做：

在您的视图组件中：

Vue.component（'Home'{
道具：[
{
名称：'教程'，//添加此道具
默认值：“”，
}
],
beforeMount（）
{
如果（this.tutorial）{//像这样使用this.tutorial
返回
}
这个文件名为reloadData（）
}
});

谢谢您的回答！如果我不能使用道具呢？？如何在父组件中获取{{$tutorial}}从组件获取数据，您可以使用

datas

或

props

@Ricardinho