Как я могу получить доступ к значению из компонента Vue? - PullRequest
Новая
       12

Как я могу получить доступ к значению из компонента Vue?

0 голосов
/ 30 августа 2018

Я пытаюсь сделать свое портфолио, используя Laravel. Я очень новичок в Laravel. Я подумал, что сделав мини-проект, я познакомлюсь с Laravel. Недавно я выяснил, что 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>

Но я не знаю, чего мне не хватает, потому что у меня постоянно появляется эта ошибка:

Use of undefined constant working

UPDATE:

Как подсказал @Chamara в ответе ниже, я изменил {{working}} на @{{working}}, теперь экран ошибок отсутствует.

Но я все еще не могу получить доступ к значению working из моего компонента Vue.

Отображается на странице следующим образом: 

Is this working: {{working}}

Любая помощь будет по достоинству оценена.

Заранее спасибо.

1 Ответ

0 голосов
/ 30 августа 2018

{{}} - это встроенный синтаксис в blade, если вам нужно использовать vue {{}} внутри вашего blade файла, вам нужно поставить @ перед {{}}. Вот так @{{working}}. @ в блейде игнорирует его как синтаксис.

...