31 lines
603 B
JavaScript
31 lines
603 B
JavaScript
const app = Vue.createApp({
|
|
data() {
|
|
return {
|
|
tasks: [],
|
|
textfeld: "",
|
|
einblenden: true,
|
|
};
|
|
},
|
|
methods: {
|
|
addTasks() {
|
|
this.tasks.push(this.textfeld);
|
|
console.log(this.tasks);
|
|
},
|
|
einausblenden() {
|
|
this.einblenden = !this.einblenden;
|
|
},
|
|
},
|
|
computed: {
|
|
buttonCaption() {
|
|
// wenn die liste angezeigt wird (-> einblenden: true), dann gib "hide" zurück
|
|
// sonst gib "show" zurück
|
|
if (this.einblenden) {
|
|
return "hide";
|
|
} else {
|
|
return "show";
|
|
}
|
|
},
|
|
},
|
|
});
|
|
app.mount("#assignment");
|