SOURCE

<div id="app">
    <ele :list="list"></ele>
    <ul>
        <li v-for="item in list">{{item}}</li>
    </ul>
    <input-ele></input-ele>
</div>
<script>

    Vue.component('input-ele',{
        render:function(createElement){
            let that = this
            return createElement('div',[
                createElement('input',{
                    domProps:{
                        value:this.value
                    },
                    on:{
                        input:function(event){
                            that.value=event.target.value
                        }
                    }
                }),
                createElement('p','value:'+this.value)
            ])
        },
        data:function(){
            return{
                value:''
            }
        }
    })

    Vue.component('ele',{
        render:function(createElement){
            let nodes = []
           for(let i=0;i<this.list.length;i++){
                
               nodes.push(createElement('p',this.list[i]))
           }
          
           return createElement('div',{attrs:{id:'abc'}},nodes)
        },
        props:{
            list:{
                type:Array,
                default:[]
            }
        }
    })

    const app = new Vue({
        el:"#app",
        data:{
            list:[
                'vue实战',
                'js高级程序设计',
                'nodejs入门'
            ]
        }
    })
</script>