可以試試另一種方法，隱式創(chuàng)建Vue實(shí)例，比較適合封裝成函數(shù)進(jìn)行調(diào)用

<div id="app1"></div>

要掛載在到#app1的根實(shí)例：

new Vue({
    el: '#app1',
    template: `
    <div>
        <button @click="add">創(chuàng)建一個(gè)div</button>
    </div>`,
    methods: {
        add() {
            addMyCom();
        },
    }
});

創(chuàng)建一個(gè)擴(kuò)展，也可以直接注冊(cè)一個(gè)組件：

const myCom = Vue.extend({
    render(h) {
        return h('div', {
            style: {
                border: '1px solid black',
                margin: '10px'
            },
        }, '被創(chuàng)建的div，單擊會(huì)被刪除');
    },
    destroyed() {
        console.log('destroyed my-com');
    }
});

函數(shù)addMyCom，向DOM中添加一個(gè)div，然后創(chuàng)建一個(gè)vue實(shí)例，并將其掛載到div上：

function addMyCom() {
    const div = document.createElement('div');
    document.body.appendChild(div);
    const tar = new Vue({
        el: div,
        template: `
        <div>
            <my-com @click.native="destroy" />
        </div>`,
        components: {
            myCom,
        },
        methods: {
            destroy() {
                this.$destroy();
                document.body.removeChild(this.$el);
            },
        },
        destroyed() {
            console.log('destroyed');
        }
    });
    return tar;
}

寫(xiě)法有很多種，不止上面的方式，你也可以把需要?jiǎng)討B(tài)插入的div封裝成獨(dú)立的模塊，再以函數(shù)addMyCom的方式動(dòng)態(tài)的嵌入到html中

樓上的說(shuō)的對(duì)的 我已經(jīng)試過(guò)了 點(diǎn)擊事件就加在你得按鈕上就可以啦

用v-for循環(huán)，點(diǎn)擊按鈕的時(shí)候，往數(shù)組里面添加一個(gè)元素

<div v-for="(item,index) in arr" :id="`dev${index}`" class="resize-drag" @click="objclick"></div>