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 tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()#some_id:hover {
transform: rotate(60deg);
-ms-transform: rotate(60deg); /* IE 9 */
-moz-transform: rotate(60deg); /* Firefox */
}Click pe functia care returneaza numarul cel mai mare.
pow() min() max()var maxn = Math.max(8, 4, 88, 56);
alert(maxn); // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()include_once("un_fisier.php");Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vremeMost people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenísimo"
mai bun mai putin bun extrem de bunEste fruto es buenísimo.
- Acest fruct este extrem /nemaipomenit de bun.