vue-3 basic example

sub component

by Ben Clayton

HTML

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

CSS

*{
  font-size: 14px;
}

JavaScript

var child = Vue.extend({
	template: '<p>This is child component.</p>'
});

var parent = Vue.extend({
	template: '<p>This is parent component.</p><child></child>',
  components: {
  	'child': child
  }
});

Vue.component('parent', parent);

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