vue jsx как правильно от рендерить?

есть плагин three-vue у него есть функция render

return h('div', {
    domProps: {
        className: 'org-tree-node-label'
    }
}, [h('div', {
    domProps: {
        className: cls.join(' '),
        innerHTML: childNodes
    },
    style: {width: labelWidth}
})])

В переменную childNodes я передаю следующие

`<div class="bars_tree">${data.title}</div><div class="description_tree"><div class="three__footer"><i class="icon ion-person"></i> ${data.responsible.name}
                    <div><progress max="100" value="50" data-label="50%"></progress></div>
                    <button type="button" class="at-btn at-btn--text" onclick="alert(${data.id})"> <span class="at-btn__text">Добавить цель</span></button>
                    </div>
                </div>`

На выходи получается

<div class="org-tree-node-label"><div class="org-tree-node-label-inner"><div class="bars_tree">Тестовая цель - номер 1</div><div class="description_tree"><div class="three__footer"><i class="icon ion-person"></i> admin
                <div><progress max="100" value="50" data-label="50%"></progress></div>
                <button type="button" class="at-btn at-btn--text" onclick="alert(1)"> <span class="at-btn__text">Добавить цель</span></button>
                </div>
            </div></div></div>

Мне нужно добавить события "@click" на кнопку 'Добавить цель' сейчас я сделал нативно onclik как мне использовать @click от vue чтобы вызвать methods в компоненте?