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
Care tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area><img src="image.jpg" usemap="#map1">
<map name="map1">
<area shape="rect" coords="9, 120, 56, 149" href="#">
<area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position#id {
overflow: auto;
}Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseoutdocument.getElementById("id").onmouseover = function(){
document.write("Sa ai Viata Buna");
}Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POSTif(isset($_GET["id"])) {
echo $_GET["id"];
}Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoeverMarc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyoVoy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.