Подскажите как правильней сделать. Есть
function getUserPopupEl(user){
templEl = $("#template").clone();
let vm = new Vue({
el: templEl[0],
data: user
})
return templEl; //если $(vm.$el) то нормально
}
function addPopup(user){
$('body').append(getUserPopupEl(user))
}
addPopup({nickname: "Вася"});
Проблема в том, что vue создается на элементе, который ещё не добавлен в DOM дерево и после добавления templEl в body выводится сырой необработанный шаблон. Если же возвращать элемент vm.$el, то нормально. Правильно ли делаю или есть какой то более правильный способ?