v-model 双向绑定中的 :true-value和:false-value的用法实例

 <div id="app">
        <input type="checkbox" v-model="picked" :true-value="value1" :false-value="value2">
        <label> 复选框 </label>
        <p> {{picked}} </p>
        <p>{{value1}} </p>
        <p>{{value2}} </p>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app = new Vue({
            el: '#app',
            data: {
              picked:false,
              value1:123,
              value2:345
            }
        })
    </script>

命令在picked  当没有点击复选时 {{picked}}  false  当点击复选框时   选中则显示value1内容    不选择这显示value2内容