Usiłuję nauczyć się czegokolwiek o Vue i zaczynając od przewodnika na oficjalnej stronie, tworzę w pliku app.js następującą instancję:
var app = new Vue({
el: '#app',
data: {
message: 'Hello world'
}
})
W pliku home.blade.php;
<div id="app">
<test></test>//komponent, on akurat wyświetla się poprawnie
@{{message}}
</div>
Użyłem @ zgodnie z radami z internetu, ponieważ Laravel również stosuje notację {{}} i informuje o błędzie w razie braku @, ale zamiast oczekiwanego "Hello World" wyświetla się po prostu "{{message}}". Gdzie może leżeć problem, skoro komponent wyświetla się poprawnie?
EDIT: Niespodziewanie problem "sam się rozwiązał". Użyłem npm run watch i w końcu dostrzegłem, że jednak działa poprawnie. Niestety nic nie wiem o tego typu narzędziach, więc nie mam pojęcia dlaczego wygląd się nie aktualizował wcześniej.