[vue]使用components和render函数渲染页面

<div id="app">

    <mybox></mybox>

</div>

<script>

//创建模板对象

var mybox ={

    template:'<h1>我将会主宰你的世界！！！</h1>',

}

var vw=new Vue({

    el:'#app',

    components:{

        mybox  //注册模板组件

    }

})

</script>

<div id="app2">

</div>

<script>

//创建模板对象

var mybox ={

    template:'<h1>我将会主宰你的世界！！！</h1>',

}

var vw=new Vue({

    el:'#app2',

    render:function(createElements){ //render函数提供一个createElement方法，调用此方法能将模板渲染成html结构

       return createElements(mybox) //return返回将覆盖整个el指定的容器

    }

})

</script>