This repository has been archived on 2021-09-06. You can view files and clone it, but cannot push or open issues or pull requests.
vuejs_course/basics-05-using-the-native-event-object/app.js

34 lines
680 B
JavaScript
Raw Normal View History

2021-01-18 20:47:58 +01:00
const app = Vue.createApp({
2021-01-18 20:56:35 +01:00
data() {
return {
counter: 0,
name: "",
};
2021-01-18 20:47:58 +01:00
},
2021-01-18 21:14:00 +01:00
computed: {
fullName() {
2021-01-18 21:02:10 +01:00
if (this.name === "") {
return "";
}
return this.name + " " + "Muster";
},
2021-01-18 21:14:00 +01:00
},
methods: {
setName(event) {
2021-01-18 20:56:35 +01:00
this.name = event.target.value;
},
add(num) {
this.counter = this.counter + num;
},
reduce(num) {
this.counter = this.counter - num;
// this.counter--;
},
resetInput() {
this.name = "";
},
2021-01-18 20:47:58 +01:00
},
});
2021-01-18 20:56:35 +01:00
app.mount("#events");