Как переместить меню в другой html-элемент в vue?

Question

[r_g_b_a]

Здравствуйте.
У меня есть несколько блоков на странице. В каждом из них находится кнопка и меню. Все меню будут полностью идентичными, поэтому я посчитал хорошей идеей создать всего одно и показывать его внутри нужного блока.
У меня две идеи на этот счет:
1) Перемещать html-код меню (к примеру, как это делает метод append в jquery)
2) Использовать абсолютное позиционирование, получив координаты родителя и обновлять их при событии resize
Подскажите, как это правильно сделать на vue? Демо с кнопками и одним меню

Answer 1

[0xD34F]

Ничего перемещать не надо. Сделайте компонент, и пусть открытым меню может быть только в одном экземпляре.