实例的render方法渲染组件

1、普通渲染组件　　在app容器中插入login组件 <login></login>  一个app可以多个这种组件

<script>

 var login = {

　　template:'<div>这是登录组件</div>'

 }

 

 var vm = new Vue({

　　el:"#app",

　　data:{},

　　methods:{},

　　components:{

　　　　login

　　}

 })

</script>

 

2、render渲染方法　　把app容器替换为 渲染的login组件 　　一个app只能一个render

<script>

 var login = {

　　template:'<div>这是登录组件</div>'

 }

 

 var vm = new Vue({

　　el:"#app",

　　data:{},

　　methods:{},

　　render:function(creatElements){　　//creatElements 是一个方法调用他能够将 指定的组件模板渲染为html结构  把app容器替换为 渲染的login组件

　　　　// var html = creatElements(login)

　　　　// return html

　　　　return creatElements(login)

　　}

 })

</script>