Không thể pass biến từ PHP sang Vue

[khatrungan (Trần Nguyên Kha)]

Hiện tại mình đang làm website về Laravel nhưng giờ mình định đổi một vài dự án đã làm sang Vue. Mình học nó dựa trên web viblo nhưng cái mình gặp rắc rối là không thể truyền biến từ PHP sang vue được. Mình có tham khảo 1 số cách nhưng không cách nào được hết.
Đây là code của mình:

• Khi gán titolo = “2”:
  master.blade.php
  
  

HeaderElement.vue

Topbar.vue

Và khi đó nó ra kết quả như thế này:

Nhưng khi mình khai báo <?php $test="2"; ?> trong master và đưa $test vào trong titolo thì khi run npm run watch, máy báo lỗi:

Topbar.vue

Master.blade.php

Làm cách nào để pass biến PHP của nó qua vue ạ? Vì mình muốn bỏ nội dung top-bar vào trên menu cơ. Mà nội dung top-bar nó nằm trong cơ sở dữ liệu á
Mình mới học về Vue mà muốn nắm vững nó nên thử đổi Laravel sang Vue á! Mình cám ơn nhiều

[songtotnhe]

{{ $test }} chỉ dùng được trong file .blade.php thôi, không dùng được trong .vue.
Cách bạn đang làm là sai.
Giao tiếp biến giữa PHP và Vue có 2 cách:

1. Giao tiếp qua API, truyền JSON qua lại giữa PHP và Vue
2. Trong Master.blade.php, khai báo một biến Javascript, đó sẽ là biến toàn cục, truyền cho nó giá trị mà bạn muốn, sau đó ở Vue sẽ đọc giá trị biến đó.
   Ví dụ: (chỉ là ví dụ, không chắc chạy được, nhưng ý tưởng thì là vậy)

----- master.blade.php -----
<script>
var title = "{{ $test }}";
</script>

----- *.vue -----
<h2>{{ title }}</h2>