[[oktatas:web:vue|< Vue]] ====== Vue gyors kezdés ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2016, 2021 * Licenc: GNU Free Documentation License 1.3 * Web: https://szit.hu ===== Helló Világ =====



{{uzenet}}


new Vue({
    el: '#app',
    data: {
  	uzenet: 'Helló Világ!'
    }
})

Teljes kód:





    
    


    
    
    {{uzenet}}


new Vue({
    el: '#app',
    data: {
        uzenet: 'Helló Világ!'
    }
})

===== Ketteskötés =====



{{uzenet}}


new Vue({
    el: '#app',
    data: {
        uzenet: 'Helló Világ!'
    }
})

===== Lista készítése =====



    
        
	  {{gyumolcs.nev}}


new Vue({
    el: '#app',
    data: {
        gyumolcsok: [
	    {nev: 'körte'},
	    {nev: 'szilva'},
	    {nev: 'alma'},
	    {nev: 'barack'}
	]
    }
})

===== Eseménykezelés =====



	Oldal:


new Vue({
  el: '#app',
  methods: {
      szamol: function() {
	  alert(this.oldal * 4);
      }
  }	
})