Как разбить страницу на компоненты?

Question

[Хороший Человек]

Учу Vue.js.
Читал доки по Vue.js версии 2.
Решил попрактиковаться на простом примере лендинга.
Сделать все через Vue, а не обычной версткой.
1. Встал вопрос о том, как правильно делать компоненты и стоит ли вообще - видел, что есть файлы с расширением .vue, в которых и шаблон и стили и js в одном этом файле.
2. В ютубе нашел видеоуроки по первой версии, там есть об vue-cli, с помощью этого интерфейса можно установить Template, но уместны ли они? - поставил этот. Оказалось, сложно с ходу вникнуть.
Посоветуйте более удобную структуру папок, как лучше развернуть проект для того, чтобы научиться на более приближенном к реалиям примере рендерить с помощью Vue, понять как работают все методы.

Answer 1

[holfza]

Может конечно видели, но вдруг пригодится кому-то:
https://laracasts.com/series/learn-vue-2-step-by-s...

Comments

[Хороший Человек]

Спасибо!
Благодаря этому видео появилось примерное представление того как организовать структуру.
Благодарю за ссылку!

[holfza]

Хороший Человек: там много видео)

Answer 2

[Moe Green]

у Vue.js их четыре, таких шаблона. Попробуйте webpack-simple или точно такой же, но на Browserify.

Лично у меня сложностей со структурой шаблоны не вызывают. Но у меня есть другая сложность, которая затрудняет работу с такими шаблонами - недостаточное знание синтаксиса ES6.

Comments

[Moe Green]

vserv: ничто ) я так и делаю, когда испытываю затруднения ) но нужно смотреть вперед )