<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/vue-dev/dist/vue.min.js"></script> <script src="vue-router.js"></script> </head> <body> <div id="app"> <input type="text" v-model="firstname" >+ <input type="text" v-model="lastname" >= <input type="text" v-model="fullname" > </div> <script> var vm = new Vue({ el:"#app", data:{ firstname:"", lastname:"", fullname:"", }, methods:{ }, watch:{ "firstname":function () { this.fullname = this.firstname + '-' +this.lastname }, "lastname":function (newVal) { this.fullname = this.firstname + '-' +newVal }, } }) </script> </body> </html>
watch监视路由地址改变
最新推荐文章于 2023-12-22 10:37:04 发布