Menu
×
×
Correct!

Exercise:

Refs are used to refer to specific DOM elements.

Supply the missing code so that 'Hello World' is displayed in the second <p> tag when the application is mounted.

<template> <p>This is just some text.</p> <p ref="pEl">This is the initial text</p> </template> <script> export default { mounted() { this.$refs.pEl.innerHTML = "Hello World!"; } }; </script>
<template> <p>This is just some text.</p> <p ref='pEl'>This is the initial text</p> </template> <script> export default { mounted() { this.$refs.pEl.innerHTML = "Hello World!"; } }; </script>

Not Correct

Click here to try again.

Correct!

Next ❯
<template>
  <p>This is just some text.</p>
  <p >This is the initial text</p>
</template>

<script>
  export default {
    mounted() {
      this..pEl.innerHTML = "Hello World!";
    }
  };
</script>

    
  




Log in to keep your progress
Sign up to keep your progress

Completed 0 of 54 Exercises:

VUE Get started
VUE Directives
VUE Methods
VUE Computed
VUE Watchers
VUE Scaling up
VUE Components
VUE Slots
VUE Refs
VUE Lifecycle hooks
VUE Provide/Inject
VUE Routing
VUE Animations
VUE Build

×

Reset the Score?

This will reset the score of ALL 54 exercises.

Are you sure you want to continue?



×

Congratulations!

You have finished all 54 VUE exercises.

Share your score: