需求：想做一个模板管理功能，模板上的元素都可以动态创建，在创建的同时增加不同的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>'
