Если вы хотите реализовать Vue.js, необходима структура, поскольку я знаю, что Vue необходимо создавать объекты с конкретными тегами, я копирую один официальный пример веб-сайта https://vuejs.org/v2/examples/:
new Vue({
el: '#editor',
data: {
input: '# hello'
},
computed: {
compiledMarkdown: function () {
return marked(this.input, { sanitize: true })
}
},
methods: {
update: _.debounce(function (e) {
this.input = e.target.value
}, 300)
}
})
Но Vue работает над Javascript (это библиотека javascript), это означает, что ваш код продолжит нормально работать после реализации Vue, но если вы хотите, чтобы функция vue работала так, как они указывают, классы, определения функций, шаблоны ... проверьте официальный сайт.
Надеюсь, это поможет вам.