如何从Vue组件访问值？

Question

我正在尝试使用Laravel进行投资。我是Laravel的新手。我以为通过在其中创建一个迷你项目，我会熟悉Laravel。最近，我发现Laravel依赖Vue.js

由于我对Vue一点都不熟悉，所以我尝试包括jQuery库。但是，进展并不顺利。然后我开始搜索Vue.js，但是找不到很多。

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

Install-Package Microsoft.EntityFrameworkCore.SqlServer

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

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

但是我不知道自己缺少什么，因为我经常遇到此错误：

更新：

如@Chamara在以下答案中所建议，我已将<div id="trialEle"> <h1>Is this working: {{working}}</h1> </div> 更改为{{working}}，现在没有错误屏幕。

但是我仍然无法从我的Vue组件访问@{{working}}的值。

它在页面上显示如下：

working

任何帮助将不胜感激。

谢谢。

Answer 1

{{}}是blade中的内置语法，如果您需要在vue文件中使用{{}} blade，则需要将{{1} } @前面。像这样{{}}。刀片中的@{{working}}将其忽略为语法。