JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/yyx990803/vue/master/dist/vue.min.js"></script>
<ul id="my-list">
    <li v-repeat="elements">{{$value}}</li>
</ul>

<input type="text" id="my-input" value="D" />
<button id="my-add">+</button>

<br />
<br />
<button id="my-get-data">get data</button>

JavaScript

list = new Vue({
    el: "#my-list",
    data: { elements: [] }
});

list.elements = ['A', 'B', 'C'];

$("#my-add").click(function() {
    list.elements.push($("#my-input").val());
});

$("#my-get-data").click(function() {
    alert(JSON.stringify(list.elements));
});