Как с помощью vue.js поменять структуру html?

Question

[jtag]

Нужно реализовать SPA, слева будет sidebar, справа content:

При кликах на разные элементы сайдбара, будет изменятся контент справа, в одном контенте будут графики, в другом набор числовых параметров, в третьем таблица. Плохо представляю, как с vue.js реализовать это? Может структуру html придется менять?

Answer 1

[Андрей Хохлов]

Вам неплохо бы изучить Vue для начала, хоть чуть-чуть.

Если кратко, то
установите vue-router.
ссылки в сайдбаре - router-link, контент - router-view.

Туториалов и примеров кода в сети великое множество.

Как альтернативный вариант - просто переключать компонент в блоке контента. Но это уже не SPA, а табы какие-то получатся.

Comments

[nosazus]

100%. похоже ТС даже стартовый бойлерплейт не удосужился посмотреть.

[jtag]

время оч мало, галопам по европам, и react и vue и angular а ешо webpack и т.д все приходится учить, уже неделю гружусь, каша в голове, но сайт надо сделать для общего функционала.