Discussion on: Vue.js Pattern for Async Requests: Using Renderless Components

[Markus Oberlehner]

You might be interested in my article about this very same topic (funnily enough also inspired by the same podcast episode): Building Renderless Components to Handle CRUD Operations in Vue.js

[Michał Kowalski]

I read your article several months ago. Great content. I even sent the link to my coworkers! Although I was affraid to introduce it to our code.
Now I have found another post and started to think about it more seriously.
But probably I will use it in a new project.

[Lukas Hermann]

This is awesome and a really smart solution! Have you tried this with server-side form validation?

[Markus Oberlehner]

Thanks! No, haven't used this extensively myself yet.

[Tiago Martinho]

Whoooa, good solution.

I am trying to reproduce your solution and a question has come up. my goal is to pass data torouter-view, I am now passing as props, but I do not know if it is the best solution?

On each page I have a variable corresponding to the page that will work this data.

Do you have any suggestions?

[Markus Oberlehner]

Passing props to <router-view> is fine in my opinion!

[Tiago Martinho]

ty :p

a problem occured. On some pages, the props data is expected to be an object, but on others it is an array.

I thought I'd give the property multiple types, or is there a better solution?

Solution

props: {
    data: Object | Array
},

[Markus Oberlehner]

LGTM ;)