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 element HTML adauga continut flash SWF in pagina web?
<object> <div> <script><object type="application/x-shockwave-flash" data="file.swf" width="500" height="250">
<param name="src" value="file.swf" />
Browser-ul dv. nu suporta SWF.
</object>
Care pseudo-clasa CSS adauga un stil la un camp input de formular cand e cursorul in el?
:active :focus :hoverinput:focus {
background-color: #88fe88;
}Clic pe instructiunea care transforma un sir JSON in obiect JavaScript.
JSON.stringify(javascript_object) object.toString() JSON.parse(json_string)var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}';
var obj = JSON.parse(jsnstr);
alert(obj.url);Indicati functia PHP care poate crea sau scrie un fisier pe server.
fopen() file_put_contents() file_get_contents()if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat";
else echo "Fisierul nu poate fi creat";Cum se spune "al treilea" in engleza?
threeth third threeI planted the third tree.
- Am plantat al treilea pom.
Cum se spune "al treilea" in spaniola?
segundo tres terceroYo planté el tercero árbol.
- Am plantat al treilea pom.