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 }}

- + +