console
Vue.component('form-input',{
template:'\
<div class="form-group">\
<label :for="options.id">{{label}}</label>\
<input :type="type" :class="options.class" />\
<small class="form-text text-muted">{{tip}}</small>\
</div>',
props:{
type:{
validator:function(value){
if(['text','password'].indexOf(value) ==-1){
return false;
}else{
return true;
}
}
}
},
data:function(){
return {
label:'22',
name:'11',
tip:'11',
options:{
id:'3',
class:'form-control'
}
}
}
})
new Vue({
el:'#demo',
})
<div id="demo">
<form-input name="bs" type="text"></form-input>
</div>