vue.js - VueJS interpret displayed data from Laravel Blade

Question

I have a problem with my VueJs + Laravel project. In my project, I use VueJs only for complex component (I don't use VueJs for a simple form).

I inserted this value in my database: {{-- test --}} just for a test. When i want to display it with Blade, i have an VueJs error.

Why VueJs interpret my string as VueJs variable ?

My code:

// app.js

window.app = new Vue({
    el: '#app',
});

// test.blade.php

// ...

<h1>{{ $test ?? '' }}</h1>

// ...

// TestController.php

// ...

public function show()
{
    $test = '{{-- actions --}}';

    return view('my-view.test', compact('test'));
}

// ...

This is the VueJs error:

[Vue warn]: Error compiling template:

invalid expression: missing ) after argument list in

    _s(-- actions --)

  Raw expression: {{-- actions --}}


174|          <div class="row">
175|              <div class="col-sm-8">
176|                  <h1>{{-- actions --}}</h1>
   |                      ^^^^^^^^^^^^^^^^^

(found in <Root>)

Tell me if you need more informations.

Thanks for your help !

Answer 1

等待大神答复