[vue]vue多选框选择后显示选中的内容

页面代码

<div class="demo">
    <input type="checkbox" id="jack" value="Jack" v-model="checkedNames">  
    <label for="jack">Jack</label>  
    <input type="checkbox" id="john" value="John" v-model="checkedNames">
    <label for="john">John</label>
    <input type="checkbox" id="mike" value="Mike" v-model="checkedNames">
    <label for="mike">Mike</label>
    <span>Checked names:pw_checkedNames </span>
</div>

逻辑
<script src="vue.js"></script>
<script>
    var value=[{ 'name':0, 'age':12, 'sex':'男' },
        { 'name':1, 'age':12, 'sex':'男' },
        { 'name':2, 'age':12, 'sex':'男' }];
    
    new Vue({ el: '.demo', data: { checkedNames: [] } })
</script>