Добавление в готовый проект vuejs. Что нужно учесть?

Question

[Сергей]

Есть готовый проект с немалым количеством функций. Сайт написан на php.
В проекте используется модель MVC.
jquery, bootstrap ну и различные плагины на основе jquery.

Структура проекта:
classes/
controller/
module/
template/
views/
index.php

В проекте используется 35 моделей и чуть больше контролеров. Почти на каждый контролер минимум по 4 вьюшки.

В проекте используется много много форм и фильтров.
Так же есть 6 типов пользователей, каждый имеет свои ограничения и доступы к разделам.

Задача организовать проект с использованием vuejs.

Так как у меня маленький опыт с vuejs, я планирую не делать одностраничное приложение для всего проекта. А сделать на каждый контроллер vuejs модель и в ней отображать все вьюшки.
Так же я думаю исключить библиотеку jquery, bootstrap.js

Меня интересует с какими проблемами я могу столкнуться.

Элементарно я не совсем понимаю как организовать вывод основного меню. Для каждого типа пользователя оно разное.
Его подгружать с использованием vuejs и компонентов?

Как я понимаю в контролерах в большинстве случаев я должен возвращать информацию в формате json? Я планирую отправлять запросы с использованием axios.

Я побольше части жду советов, возможно кто то из вас уже переносил большие проекты на vuejs.
Возможно ли получить ссылку на книги, статьи или примеры.

Как правильно организовать url на сайте?
Например сейчас многие разделы отображаются так: refund/viewlist?s=$1&c=$2&page=$3
где refund - контролер, а viewlist - вьюшка. Почти на каждой странице есть доп. параметры.

Как быть если у пользователя не подключен javascript. Вообще в каких случаях такое бывает?
Об этом стоит предупреждать всех или делать проект с расчетом и для таких людей.

Каждая вьюшка - это компонент на vuejs ?
Подходит ли текущая структура(MVC) для этого?

Comments

[Sergey Vashchenko]

Я не фронт и вообще мимо проходил, но у меня есть один вопрос - зачем это надо переписывать?) Плохая производительность? Нет инструментов решения поставленных задач? Что именно решит vue, кроме факта его наличия в готовом проекте?

[Сергей]

Sergey Vashchenko, веских причин на это нет. Единственное, что много событий на кнопках и много схожих элементов на страницах.
Последнее слово в пользу vue было за заказчиком.

[alex-1917]

Sergey Vashchenko, очевидно же, погоня за модой....

Answer 1

[Дмитрий Ларин]

vue js можно добавить практически в любой проект.
Для начала я рекомендую почитать документацию, она переведена русский, простая и понятная.
Затем попробовать сделать простое приложение на vuejs, тот же todo-list к примеру.
Фишка vuejs в том что она живет в своей песочнице. Выделили ей отдельный div, там и будет жить ваш vue, никак не затрагивая весь остальной сайт.
Все аспекты вроде построения url можно переложить на бэк.
Если у пользователя отключен javascript то никак. Но я ни разу не сталкивался с подобным.

Answer 2

[PxlFxr]

Плюс в том, что можно переписывать проект на vuejs частями. Например, начать для одного типа вьюшек. В конце страницы подключаем vue, за ним наш скрипт с компонентами. Я бы советовал сразу начать использовать .vue файлы, очень удобно. Но тут уже нужно будет собирать фронтенд через node.js