Vue.js Eğitimi 01-04

İlk eğitim videosunda oluşturduğum örnek

by Bilal AFSAR

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
  <h1> {{ title }} </h1>
  <hr>
  <input type="text" v-on:input="changeTitle">
  <p> {{ description}} </p>
</div>

JavaScript

new Vue({
  el: "#app",
  data: {
    title: "Hello World :P",
    description: "Bu bir açıklamadır..."
  },
  methods: {
    changeTitle: function(e) {
      this.description = e.target.value;
    }
  }
});