JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/r/dt/dt-1.10.9/datatables.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://rawgit.com/yyx990803/vue/0.12.16/dist/vue.min.js"></script>
<div class='container-fluid' id="app">

            <div class='row'>
                <div class='col-md-9'>
                    <table class="table table-bordered" id="app-datatable">

                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Age</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-repeat="user: users">
                                <td>{{ user.name }}</td>
                                <td>{{ user.age }}</td>
                                <td>
                                    <button type="button" v-on="click: foo(user)">Action</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class='col-md-3'>
                    <div class="form-group">
                        <label>Name</label>
                        <input type="text"
                               class="form-control"
                               v-model="newUser.name"
                               >
                    </div>

                    <div class="form-group">
                        <label>Age</label>
                        <input type="name"
                               class="form-control"
                               v-model="newUser.age"
                               >
                    </div>
                    <button type="submit" class="btn btn-primary" v-on="click: addUser()">Add</button>
                </div>
            </div>
   ...

JavaScript

$(document).ready(function () {

    var dT = $('#app-datatable').DataTable();
});

var vm = new Vue({
    el: '#app',
    data: {
        newUser: {},
        users: [
            {name: 'Chris', age: 1},
            {name: 'John', age: 2}
        ]
    },
    methods:{
        addUser: function(){
           this.users.push(this.newUser);
           this.newUser = {};
        },
        foo: function(user){
            console.log(user.name);
        }
    }
});