remove the raw HTML

This commit is contained in:
Andreas Zweili 2021-01-18 16:34:17 +01:00
parent c23b8a642d
commit 4995c32dbc
2 changed files with 3 additions and 2 deletions

View File

@ -4,7 +4,7 @@ const app = Vue.createApp({
data() { data() {
return { return {
courseGoalA: "Finish the course and learn Vue!", courseGoalA: "Finish the course and learn Vue!",
courseGoalB: "<h2>Master Vue and build amazing apps!</h2>", courseGoalB: "Master Vue and build amazing apps!",
vueLink: "https://vuejs.org", vueLink: "https://vuejs.org",
}; };
}, },

View File

@ -17,7 +17,8 @@
</header> </header>
<section id="user-goal"> <section id="user-goal">
<h2>My Course Goal</h2> <h2>My Course Goal</h2>
<p v-html="outputGoal()"></p> <!-- <p v-html="outputGoal()"></p> -->
<p>{{ outputGoal() }}</p>
<p>Learn more <a v-bind:href="vueLink">about Vue</a>.</p> <p>Learn more <a v-bind:href="vueLink">about Vue</a>.</p>
</section> </section>
</body> </body>