微语:代码适合中午敲,早晚出BUG
vue 组件封装 Vue
1.创建子组件
components/ListUl.vue
2.父组件引入子组件
components: {
ListUl: () => import('@/components/ListUl.vue')
},
3.父组件中使用
<list-ul></list-ul>
4.父组件传值
<list-ul :sum="list" ></list-ul>
5.子组件接收参数
export default {
props: ["sum"], // 接收父组件传递的参数
}
6.子组件使用参数
<ul>
<li v-for="(v, i) in sum" :key="i">
</li>
</ul>