Curs Vuejs

In proprietatea "watch" se adauga functii care urmaresc proprietati din obiectul data. Cand valoarea proprietatii urmarite se modifica va fi rulata functia "watch" respectiva.
In obiectul watch se adauga o metoda (functie) cu acelasi nume cu proprietatea urmarita din "data".

Sintaxa:
var vm = new Vue({
 el: 'css_selector',
 data: {
 prop_name: 'value'
 }.
 watch: {
 prop_name: function(newVal, oldVal{
 //code and value to return
 }
 }
});

Functia de la watch.prop_name accepta optional 2 parametri. Primul contine noua valoare a proprietatii (newVal), al doilea contine valoarea veche.

Iata un exemplu practic cu proprietatea watch in vue.js. Adaugati diametru unui cerc intr-o caseta input, se va afisa automat perimetrul si aria cercului:
<div id='demo'>
 Diameter circle: <input type='number' value='0' v-model='diameter'/><br>
 Perimeter: {{perimeter}}<br>
 Area: {{area}}
</div>

<script>
var vm = new Vue({
 el:'#demo',
 data: {
 diameter: 0,
 perimeter:0,
 area:0
 },
 watch: {
 diameter: function(val){
 this.perimeter = 3.14*val;
 this.area = 3.14*(val*val)/4;
 }
 }
});
</script>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut indica faptul ca un camp de formular trebuie completat?
required="required" autofocus="autofocus" placeholder="text"
<input type="text" name="name1" required="required" />
Ce metoda CSS misoreaza sau mareste dimensiunile unui element (inclusiv continutul)?
translate() scale() skew()
#some_id:hover {
  transform: scale(2, 1.5);
  -ms-transform: scale(2, 1.5);    /* IE 9 */
  -moz-transform: scale(2, 1.5);   /* Firefox */
}
Click pe metoda obiectului Date care returneaza ziua din luna.
setDate() getMonth() getDate()
var rightnow = new Date();
var day = rightnow.getDate();
alert(day);
Ce functie este folosita pentru a incarca un fisier pe server?
is_file() move_uploaded_file() fopen()
if(move_uploaded_file($_FILES["field_name"]["tmp_name"], "dir/file_name")) {
  echo "Fisierul a fost incarcat";
}
Cum se spune in engleza expresia: "Ploua cu galeata"?
rain cats and dogs rain buckets quiet rain
In Bucharest it`s raining cats and dogs.
- In Bucuresti ploua cu galeata.
Cum se spune in spaniola expresia: "Ploua cu galeata"?
llover cubo llover a cántaros lluvia tranquila
En Madrid está lloviendo a cántaros.
- In Madrid ploua cu galeata.
Proprietatea Watch

Last accessed pages

  1. Pronumele in limba engleza - Pronouns (55080)
  2. Scriere scripturi PHP elementare (6468)
  3. Curs PHP MySQL, Tutoriale si Scripturi PHP (129180)
  4. Cursuri Limba Rusa (6190)
  5. Coduri pt culori (74496)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (127)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (86)
  3. Limba spaniola curs online incepatori si avansati (53)
  4. Teste spaniola - Tests y ejercicios de Español - Gramática (52)
  5. Accentul si Pronuntia (38)