Vue实例中的render

1.render的使用

  1. 定义html模板组件
var 组件名称 ={
	template:'<p></p>'
}
  1. 定义render
var vm = new Vue({
	el:'#app'
	render:c=>c(组件名称)
})

引入到render内的组件会替换掉el中指定的标签

2.与components的区别

  1. render
    会覆盖掉Vue实例指定的区域
    适用于模块大的开发,可以提高组件的复用性
  2. components
    只是将组件注册为一个标签,在Vue实例指定的区域中可以使用标签来渲染组件
    适用于规模较小的开发,也可以提高组件的复用性
posted @ 2020-02-13 14:07  程序员徐小白  阅读(71)  评论(0)    收藏  举报