vue_props div赋值props定义变量 templete获取

<div id="app">  
    <add v-bind:btn="h"></add>  
</div>  
<script>  
    var vm = new Vue({  
        el: '#app',  
        data: {  
            h: "hello"  
        },  
        components: {  
            "add": {  
                props: ['btn'],  
                template: "<button>btn：{
       
       {btn}}</button>",  
                data: function () {  
                    return {
       
       'btn': "123"};  //子组件同名的值被覆盖了  
                }  
            }  
        }  
    });  
</script>