Simple Parent-Child property trickling

can't pass size property from parent to child

by seanodotcom

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.24.2/css/uikit.min.css">
<script src="https://cdn.jsdelivr.net/vue/latest/vue.js"></script>
<div id="app">
    <child child-prop="Child's Message by Child"></child>
    <br/>
    <parent parent-prop="Child's Message by Parent"></parent>
</div>

JavaScript

Vue.component("child", {
		props: ["childProp"],	
    template: "<span>{{childProp}}</span>"
});

Vue.component("parent", {
	props: ["parentProp"],
	template: "<child child-prop='{{parentProp}}'></child>"  
});

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