Как перенести большой html шаблон на vue.js?

Question

[vitaly_74]

имеется готовый большой шаблон на html вопрос, как его перенести быстро на vuejs ? гуглю, но что то нет нормальных ответов.
Как вижу это я:
1. через вебпак подгружаю в проект все css, js, картинки.
2. копирую html код в компоненты вью и пользуюсь.

Comments

[Александр]

CSS и JS тоже во Vue.
Статичные картинки тоже во Vue.

[vitaly_74]

Александр, не пойму, т.е. сразу непосредсвттенно во вью перекидывать или стоит через webpack подгрузить?можете пример какой нибудь скинуть (или статью)

Answer 1

[Aetae]

И? Твой алгоритм абсолютно действенен.)

Vue-шаблоны полностью html-соместимы(в отличе от).
Кинул html в .vue.
Кинул css по папочкам - сделал import '/some.css';
Кинул картинки по папочкам - vue умный, сам их через webpack их подтянет.
И всё работает.)
А вот итеративность из js тебе придётся переписать vue-way. Если там какой jquery был или типа того - оно совсем не совместимо с парадигмой vue. Накостылять конечно можно, и довольно просто, но как - я тебе советовать не буду.)

Comments

[vitaly_74]

у.. так там много плагинов, в ручную их перебирать - страшное дело. может ест ькакой то способ, читал про js loader он подойдет?
и да там есть jquery

[Aetae]

vitaly_74, тогда тебе не нужен vue. Серьёзно - это будет неудобное говно. Не надо.

Но если очень хочешь: просто делаешь import $ from 'jquery' и всё из $().ready() пихаешь в mounted(). Скорее всего заработает.

[vitaly_74]

Aetae, благодарю вас мил человек!