Ders 92

Component'leri Local ve Global Olarak Kayıt Etmek

by Bilal AFSAR

HTML

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  <my-comp></my-comp>
</div>

<hr>
<div id="app2">
  <my-comp></my-comp>
</div>

JavaScript

var cmp = {
  data() {
    return {
      status: "Pasif",
    }
  },
  template: '<p>Sunucu Durumu : {{ status }} ( <button @click="changeStatus">Değiştir</button> )</p>',
  methods: {
    changeStatus() {
      this.status = this.status == "Aktif" ? "Pasif" : "Aktif";
    }
  }
};

new Vue({
  el: '#app',
  components: {
    "my-comp": cmp
  }
});


new Vue({
  el: '#app2',
});