var vm = new Vue({
el: '#example',
data: {
message: 'Hello'
},
computed: {
// a computed getter
reversedMessage: function () {
// `this` points to the vm instance
return this.message.split('').reverse().join('')
}
}
})var app=
data(){
return{
mobile: "",
name:{
Vue.createApp ({
firstName:
lastName:
}
};
},
watch:{
mobile(newValue, oldValue){
console.log(newValue);
if (isNaN(newValue)){
alert("Enter valid mobile number");
this.mobile=oldvalue;
}
if (newValue.length == 11){
alert("An OTP has been sent");
}
},
"name.firstName": function (newValue, oldValue){
console.log(newValue, oldValue);
},
name:{
deep: true,
handler: function (newValue, oldvalue){
consolq. log(newValue, oldValue);
}
});
watch: {
// whenever question changes, this function will run
question(newQuestion, oldQuestion) {
// your code
}
},
vm.$watch('person.name.firstName', function(newValue, oldValue) {
alert('First name changed from ' + oldValue + ' to ' + newValue + '!');
});