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 se foloseste in <table> pentru a crea celula de tip "header"?
<thead> <th> <td><table><tr>
<th>Title 1</th>
<th>Title 2</th>
</tr></table>
Ce proprietate CSS seteaza distanta dintre randuri?
line-height word-spacing margin.some_class {
line-height: 150%;
}Care functie deschide o noua fereastra.
alert() confirm() open()document.getElementById("id_button").onclick = function(){
window.open("http://coursesweb.net/");
}Indicati functia PHP care returneaza un array cu numele fisierelor si directoarelor dintr-un director.
mkdir() scandir() readdir()$ar_dir = scandir("dir_name");
var_export($ar_dir);Care din urmatoarele forme a verbului "sleep" (a dormi) se foloseste pentru viitor?
sleeping slept will sleepHe will sleep there.
- El va dormi acolo.
Care din urmatoarele forme a verbului "dormir" (a dormi) se foloseste pentru viitor?
dormido dormirá durmiendoÉl dormirá allí.
- El va dormi acolo.