add a watcher
This commit is contained in:
parent
dd934f5340
commit
ce3eba08de
|
@ -11,7 +11,7 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { reactive, computed } from 'vue';
|
import { reactive, computed, watch, ref } from 'vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
setup() {
|
setup() {
|
||||||
|
@ -21,6 +21,16 @@ export default {
|
||||||
age: 23
|
age: 23
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const userAge = ref(23);
|
||||||
|
const userName = ref('Muster');
|
||||||
|
|
||||||
|
watch([userAge, userName], function(newValue, oldValue) {
|
||||||
|
console.log('old age: ', oldValue[0]);
|
||||||
|
console.log('new age: ', newValue[0]);
|
||||||
|
console.log('old name: ', oldValue[1]);
|
||||||
|
console.log('new name: ', newValue[1]);
|
||||||
|
});
|
||||||
|
|
||||||
user.name = computed(function() {
|
user.name = computed(function() {
|
||||||
return user.firstName + ' ' + user.lastName;
|
return user.firstName + ' ' + user.lastName;
|
||||||
});
|
});
|
||||||
|
|
Reference in New Issue