How to split a page into components?

Question

Vue.js

I am learning Vue.js.
I read the docs on Vue.js version 2.
I decided to practice on a simple landing example.
Do everything through Vue, not the usual layout.
1. The question arose of how to make components correctly and whether it is worth it at all - I saw that there are files with the .vue extension, in which both the template and styles and js are in this one file.
2. I found video tutorials on the first version on YouTube, there is about vue-cli, using this interface you can install Template, but are they relevant? - put this one . Turned out to be hard to get into.
Advise a more convenient folder structure, how best to deploy the project in order to learn how to render with Vue more close to reality, to understand how all methods work.

Answer 1

Maybe they saw it, but suddenly it will come in handy for someone:
https://laracasts.com/series/learn-vue-2-step-by-s...

Answer 2

Vue.js has four such templates. Try webpack-simple or exactly the same but on Browserify.
Personally, templates do not cause me any difficulties with the structure. But I have another difficulty that makes it difficult to work with such templates - insufficient knowledge of ES6 syntax.