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內容