使用render函数的局部注册组件

数据来自父组件
let ele = {
	render: function(createElement){
		return createElement('ul', this.list.map(function(item){
			return createElement('li', item);
		}));
	},
	props: {
		list: {
			type: Array,
			default: [1,2]
		}
	}
}

 

数据来自自身

let ele = {
	render: function(createElement){
		return createElement('ul', this.list.map(function(item){
			return createElement('li', item);
		}));
	},
	data: function(){
		return {
			list: [1,2]
		}
	}
}

之所以记录者两种数据来源，是因为我在用render函数时，一开始把createElement函数的第二个参数的props属性的用法搞错了，它是给第一个参数提供数据的，而这个参数往往是组件，下面的实例可以验证这一点

 

效果却为：