Vue组件化开发实例

Vue可以进行组件化开发，组件是Vue的基本结构单元，开发过程中只需要按照Vue规范定义组件，将组件渲染到页面即可。组件可以提高代码的复用性。

例如我们需要实现一个10*10的图片表格，使用常规形式，我们则需要写100个img，工作量十分巨大，。但是如果使用Vue的组件化进行开发，我们只需要定义一个组件写一个for循环传值就可以实现一样的效果，示例代码如下：

css代码部分：

body{
	padding: 0;
	background-color: aqua;
}
.content{
    width: 100vw;
    margin:  0 auto;
    display: flex;
	justify-content: space-around;
	flex-flow: wrap;
}
.item{			
	background-color: #ccc;
}
img{
	width: 10vw;
}

html和js代码部分：