<div>Message: {{ msg }}</div>
<div id='app'> <div>{{ str }}</div> <button @click='str = "Iubesc Viata"'>Click</button> </div> <script> var vm = new Vue({ el: '#app', data: {str: 'Sunt Eu insumi.'} }) </script>
v-html
.<div id='app'> <p>Without directive: {{ str_html }}</p> <p>Using v-html directive: <span v-html="str_html"></span></p> </div> <script> var vm = new Vue({ el: '#app', data: {str_html: '<b style="color:#00f">Sunt Eu insumi.</b>'} }) </script>
Sintaxa cu acolade duble nu se foloseste in atribute HTML.
{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} <div v-bind:id="'list-' + id"></div>- Exemplu, arata numarul de clicuri pe un buton:
<div id='app'> <div>Number of licks: {{ nr}}</div> <button @click='nr +=1'>Click</button> </div> <script> var vm = new Vue({ el: '#app', data: {nr: 0} }) </script>
<div id='app'> <p>{{ msg.split('').reverse().join('') }}</p> Add some text in this input:<br> <input v-model='msg'> </div> <script> var vue_ob = new Vue({ el: '#app', data: {msg: 'Hello Vue!'} }) </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>
input:focus { background-color: #88fe88; }
var jsnstr = '{"url": "http://coursesweb.net/", "title": "Web Development Courses"}'; var obj = JSON.parse(jsnstr); alert(obj.url);
if (file_put_contents("file.txt", "content")) echo "Fisierul a fost creat"; else echo "Fisierul nu poate fi creat";
I planted the third tree. - Am plantat al treilea pom.
Yo planté el tercero árbol. - Am plantat al treilea pom.