Global And Local Component Vue.js

pada tanggal
1. Global Component
 Global component merupakan component yang bisa digunakan oleh semua object dengan menggunakan Method. Dengan memanggil id app keduaduanya  pada Line 29-30



2. Local Component 
 Local component merupkan component yang bisa digunakan untuk object itu saja atau tersendiri. Menggunakannya dengan cara objek Javascript biasa. Tersendiri pada line 14,17,20 lalu dengan component masing masing.






<!DOCTYPE html>
<html>
<head>
<title>Mixins</title>
<script src="lib/vue.js"></script>
</head>
<body>
<div id="app">
<button for="customRange" v-on:click="select +=1">Click Here: {{select}}</button>
</div>

<script type="text/javascript">
            var MixinsAdd = {
                // Melakukan update dengan memanggil method test
                // Akan update setiap nilai stock berubah
                created: function() {
                    this.Add()
                },
                // Menampilkan console log dengan isi value dari stock
                methods: {
                    Add: function() {
                        console.log('Select : ' +app.select)
                    }
                }
            }


            var app = new Vue({
                el: '#app',
                data: {
                    select: 0, 
                },
                Mixins: [MixinsAdd],
                
                created: function(){
                    console.log('Select : ')
                },
            });
        </script>
</body>
</html>

Komentar

Posting Komentar