Using Laravel includes inside a vue component?

Question

I have a set of components, some components include other components via @include('my-sub-component')

The issue is that when I want to use vue I have to put the entire component in the vue.js file inside the template tags.

But inside the template I want to use the @include so I can include some sub components. This does not work.

How can I include blade components inside a vue component?

Share your code. There's no way to figure out why isn't working without code. =) — webmasterdro
– webmasterdro, Commented Nov 23, 2017 at 10:57
There is no code, I've explained the issue. You should not need code to answer this. — panthro
– panthro, Commented Nov 23, 2017 at 10:59
stackoverflow.com/questions/38861672/… - does this help at all? I know you say you're using @include but this may be a different way of achieving it — Andy Holmes
– Andy Holmes, Commented Nov 23, 2017 at 11:07
You should have more detailed question, the "component" is Laravel Blade Component or Vue Component. — nmfzone
– nmfzone, Commented Nov 23, 2017 at 11:48

nmfzone · Accepted Answer · 2017-11-23 11:45:32Z

3

As far as I know, it's impossible. You can't use PHP (Laravel Blade) .blade.php tags inside Vue Component .js, of course Vue can't execute PHP script in this case. The possible use case is you use the Vue Component inside Laravel Blade.

answered Nov 23, 2017 at 11:45

nmfzone

2,9431 gold badge23 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tony19 · Accepted Answer · 2022-07-16 04:07:03Z

0

The closest thing you can get to this is to use inline templates. You can't access blade directives it if you are writing your templates in single file components and compiling them with webpack or something because they are not being rendered with PHP.

You could put the style and scripts components in the SFC though and but in order to use blade directives the template would need to be in a .blade.php file

edited Jul 16, 2022 at 4:07

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Nov 23, 2017 at 19:42

Erik Berkun-Drevnig

2,36325 silver badges40 bronze badges

3 Comments

nmfzone Over a year ago

Sure? @include is a blade tag, are you sure Vue can do this? Of course, ithe question is laravel specific use case.

Erik Berkun-Drevnig Over a year ago

Yes, I've done it before. You might need to escape the VueJS tags because they sorta conflict with the Blade ones. It works because the templates are generated in PHP and not served as a static JS asset.

nmfzone Over a year ago

You should see his explanation How can I include blade components inside a vue component? and he wants to use @include inside Vue Component (.js) file. Your answer is correct, but It's not answering his question.

Collectives™ on Stack Overflow

Using Laravel includes inside a vue component?

2 Answers 2

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related