关于js动态创建dom,并且给dom增加指令v-drag

需求:想做一个模板管理功能,模板上的元素都可以动态创建,在创建的同时增加不同的id以及class,创建好的dom鼠标按住时可以拖动改变位置
遇到的问题:
动态的id如何添加(目前知道可以单词+数字,想问问还有其他的建议吗);
我通过js动态生成div,但是加了v-drag并不能拖动摆放,代码如下;也想明确一下是不是不能这样加vue指令

str = '<div id="element-xxx" v-drag class="element-xxx draggable width-100 display" data-class="line"><hr class="line-class-1-height-4 line-color-red"></div>'

ID的话,当前时间戳就可以。
能加,不过要new Vue

应该是可以的 但是你只能去添加原生的事件操作

你不能添加 vue模板

如果是动态的推荐你还是v-for循环吧