使用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属性的用法搞错了,它是给第一个参数提供数据的,而这个参数往往是组件,下面的实例可以验证这一点

效果却为:

猜你喜欢

转载自blog.csdn.net/dreamjay1997/article/details/83217425