Vue Component Method Not Being Run On Event In Dynamic Html

I am attempting to dynamically create some HTML content and bind a Vue component method to an event on the element. However this does not work. Below is a description of the proble

Solution 1:

It will be @click, like this:

<i @click="test"></i>

as shorthand of v-on is @ not :.