vue学习九：render方法渲染组件

vm实例挂载位置：

<div id="app">
  <p>444444</p>
  <!-- <login></login> -->
</div>

组件模板对象：

var login = {
  template: '<h1>这是登录组件</h1>'
}

vm实例：

var vm = new Vue({
  el: '#app',
  data: {},
  methods: {},
  render: function (createElements) { // createElements 是一个 方法，调用它，能够把 指定的 组件模板，渲染为 html 结构
    return createElements(login)
    // 注意：这里 return 的结果，会 替换页面中 el 指定的那个 容器
  },
  // components: {
  //   login
  // }
});

结果是替换了页面中 el 指定的那个 容器

如果是通过components渲染组件的效果应该为：