Vue.js Eğitimi 02-02

İkinci bölümün başında oluşturulmaya başlanan örnek

by Bilal AFSAR

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
  <p v-once> {{ title }} </p>
  <p> {{ hello() }} </p>
  <a v-bind:href="link" :aria-test="link">Video Sınıf Linki</a>
	<p v-html='blogLink'>
	
	</p>
</div>

JavaScript

new Vue({
  el: "#app",
  data: {
    title: "Merhaba, dünya",
    message: "ey kullanıcı :D",
    link: "https://www.videosinif.com",
		blogLink : "<a href='https://vuejsegitim.com'>Video Sınıf Linki 2</a>",
  },
  methods: {
    hello: function(e) {
      this.title = "Merhaba!!!";
      return this.title;
    }
  }
});