这两个有什么区别?前面这个有什么问题,也实现了功能啊?会导致什么bug吗?

阅读 60

2022-02-19


<!DOCTYPE html>
<html>
	<div id="app">
        千米:<input type = "text" v-model="kilometers">
        米:  <input type = "text" v-model="meters">
	</div>
	
	<script src="https://unpkg.com/vue@next"></script>
    <script>
        const app = Vue.createApp({
           data() {
               return {
                   kilometers: 0,
                   meters: 0
               }
           },
           watch: {
               kilometers(val) {
                   this.meters = val * 1000
               },
               meters(val) {
                   this.kilometers = val / 1000
           }
        }
                
        }).mount('#app')
 
</script>
</html>

精彩评论(0)

0 0 举报