From 83c735ea33a221bbf4a313686cf83900e30ab512 Mon Sep 17 00:00:00 2001 From: Andreas Zweili Date: Sat, 23 Jan 2021 09:53:15 +0100 Subject: [PATCH] add refs example --- behind-scenes-01-starting-setup/app.js | 27 +++++++++++----------- behind-scenes-01-starting-setup/index.html | 26 ++++++++++----------- 2 files changed, 27 insertions(+), 26 deletions(-) diff --git a/behind-scenes-01-starting-setup/app.js b/behind-scenes-01-starting-setup/app.js index 82167ad..8e5aaf2 100644 --- a/behind-scenes-01-starting-setup/app.js +++ b/behind-scenes-01-starting-setup/app.js @@ -1,18 +1,19 @@ const app = Vue.createApp({ - data() { - return { - currentUserInput: '', - message: 'Vue is great!', - }; - }, - methods: { - saveInput(event) { - this.currentUserInput = event.target.value; + data() { + return { + currentUserInput: "", + message: "Vue is great!", + }; }, - setText() { - this.message = this.currentUserInput; + methods: { + saveInput(event) { + this.currentUserInput = event.target.value; + }, + setText() { + //this.message = this.currentUserInput; + this.message = this.$refs.userText; + }, }, - }, }); -app.mount('#app'); +app.mount("#app"); diff --git a/behind-scenes-01-starting-setup/index.html b/behind-scenes-01-starting-setup/index.html index 76619bb..543e621 100644 --- a/behind-scenes-01-starting-setup/index.html +++ b/behind-scenes-01-starting-setup/index.html @@ -1,26 +1,26 @@ - + + Vue Basics - + - - + + +
-

Vue Behind The Scenes

+

Vue Behind The Scenes

-

How Vue Works

- - -

{{ message }}

+

How Vue Works

+ + +

{{ message }}

- + +