Vue.js开发——Component组件开发

组件开发可以说是Vue.js最强大的功能之一，学习Vue必定少不了组件开发。
注：这篇文章只是简单记录一下自己在组件开发过程中碰到的问题，并不是入门详解。

1、组件传值

刚开始接触组件传值，只会一种写法：

prop:['属性名1','属性名2','属性名3']

后由于业务需求，需要使用到默认值，于是通过查阅Element-UI部分组件源码得知组件传值的另一种方式为：

props:{
	width:{
		type: String,		//宽度可以为字符型，也可以为数字类型，所以也可以这样写：[String,Number]
		default: '100'
	},
	height:{
		type: String,
		default: '100'
	},
	dataList:{
		type:Array,
		default: ()=>{		//数组为特殊类型，默认值必须使用函数返回，否则会报异常
			return [];	
		}
	}
	......
}
//参数解释
props:{
	属性名：{
		type:(属性类型),
		default：(默认值)
	}
}

持续更新…