<div id = 'demo'>
<comp_test :elm_type="'h1,#0000ee,30,title'">Libertatea este Libera</comp_test>
<comp_test :elm_type="'h3,#00ce00,25,h3tag'">Ca sa am pace, dau pace.</comp_test>
<comp_test :elm_type="'p,#ee0000,24,ptag'">Gandul precede perceptia.</comp_test>
<comp_test :elm_type="'div,#1234fb,24,divtag'">Pace mintii, sanatate trupului.</comp_test>
</div>
<script>
Vue.component('comp_test',{
render : function(createElement){
//gets an array of values from the string added to elm_type attribute
var a = this.elm_type.split(',');
//creates and returns the DOM element with data from elm_type, and defined in the attrs object-parameter
return createElement(a[0],{
attrs:{
style:'color:'+a[1]+';font-size:'+a[2]+'px;',
id:a[3]
}
},
this.$slots.default //To use the text added in component
)
},
//defines the prop required in each <comp_test> as a string
props:{
elm_type:{
attributes: String,
required: true
}
}
});
var vm = new Vue({
el: '#demo'
});
</script>
Libertatea este Libera
Ca sa am pace, dau pace.
Gandul precede perceptia.
<nav><ul> <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li> <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li> </ul></nav>
.some_class {
width: 30%;
float: left;
}var num = 12.34567; num = Math.floor(num); alert(num); // 12
$str = "sir cu caractere utf-8 åèö"; $nrchr = mb_strlen($str); echo $nrchr; // 29
When it happened? On the 8th of August 2001. - Cand s-a intamplat? Pe 8 August 2001.
¿Cuando sucedió? En el 8 de Agosto de 2001. - Cand s-a intamplat? Pe 8 August 2001.