element-ui后台管理系统学习(7)-列表组件抽离

页面中的列表组件抽离，例如：将页面中循环的li标签，处理成组件，方便管理与维护，具体的相关代码如下：

album-item子组件

父组件index.vue中引入

注意：在使用子组件向父组件传值的时候，我们可以在子组件使用方法$emit('自定义事件名', 传递的参数)，然后在父组件中引入的时候@change=‘albumChange’进行事件绑定即可。

// 常规写法
albumChange(index){
    this.$emit('change', index)
}

// 优化写法  直接在html中使用$emit('change', index)

文件对比：

index.vue(抽离前)

index.vue（抽离后）