support mdl-table about vue-mdc HOT 4 CLOSED

<div class="container">
    <table id="banding-table" class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
    <thead>
        <th>
        <mdl-checkbox v-mdl-ripple-effect :checked.sync='checked'></mdl-checkbox>
        </th>
        <th>Name</th>
    </thead>
    <tbody>
        <tr v-for="service in services" id="tr{{ $index }}">
        <td>
            <mdl-checkbox v-mdl-ripple-effect :vaule="$index" :checked.sync='checkboxes'></mdl-checkbox>
            <input type="checkbox" value="tr{{ $index }}" v-model="checkboxes">
        </td>
        <td>{{ service.name }}</td>
        </tr>
    </tbody>
    </table>
    <br>
    <span>Checked names: {{ checkboxes | json }}</span>
</div>



export default {
    data () {
        return {
            checked: false,
            checkboxes: []
        }
    }
}