Laravel 如何从Vue组件访问值？

我试图用拉威尔制作我的投资组合。我对拉威尔很陌生。我想通过制作一个小项目，我会熟悉拉威尔。最近，我发现Laravel依赖于Vue.js

我试图包括jQuery库，因为我对Vue一点也不熟悉。但这并不顺利。然后我开始搜索Vue.js，但找不到太多

经过大量努力，我制作了以下Vue组件：

var trialEle = new Vue({
    el: '#trialEle',
    data: {
        working: 'yes'
    }
});

然后我尝试通过以下标记访问工作的价值：

<div id="trialEle">
    <h1>Is this working: {{working}}</h1>
</div>

任何帮助都将受到真诚的感谢

---

提前感谢。

{{}

是

blade

中的内置语法，如果您需要在

blade

文件中使用

vue

{}

您需要将

@

放在

{}

前面。所以像这样

@{{working}

@将其作为语法忽略。

使用

@

可以忽略错误，但我仍然没有获得工作的值，即使我将其设置为

yes

如何加载vue？通过网页包？您的控制台中有错误吗？没有帮助。。请记住，我是vue的新手，还是laravel的新手，请郭台铭帮助我给出纠正错误的步骤。谢谢。您需要制作一个单独的Vue组件，然后将其导入到通用js文件中，例如：

main.js

，在您的Laravel视图中导入

main.js

，然后您就可以使用它了，示例

example.vue

将包含视图的模板代码

main.js

将具有呈现数据的vue代码，并最终在视图中使用它，如

感谢@user10415043的回答，但我从vue js改为jQuery只是因为学习vue越来越困难，因为所有教程都是付费的。

Is this working: {{working}}