vue-3

sub component

by joplomacedo

HTML

<script src="https://cdn.bootcss.com/vue/1.0.26/vue.js"></script>
<div id="app">
<BaseRadio />
</div>

CSS

*{
  font-size: 14px;
}

JavaScript

var BaseRadio = Vue.extend({
	template: `
  <input	
  	type="radio"
    :value="value"
    :checked="value === modelValue"
    @change="$emit('update:modelValue', value)"
  />
  `,
  props: ['value', 'modelValue']
});


Vue.component('BaseRadio', BaseRadio);

new Vue({
	el: '#app'
});