摘要: 使用作用域插槽,父级元素可以直接使用子元素中的数据 子: <template> <div> <slot :data="movies"> <ul> <li v-for="(item,index) in movies" :key="index"> {{ item }} </li> </ul> </slo 阅读全文
posted @ 2021-07-16 15:12 骑蝴蝶飞 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 1.插槽的基本使用 子: <template> <div> <span>插槽的基本使用</span> <slot></slot> </div><template> 父: <cpn><button>按钮</button></cpn> 2.插槽有默认值(有多个值同事放入,整体替换) 子: <templa 阅读全文
posted @ 2021-07-16 14:28 骑蝴蝶飞 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 子组件向父组件传值,通过this.$emit自定义事件 子组件: <template> <div> <button v-for="item in btns" :key="item.id" @click="btnClick(item)">{{item.label}}</button> </div> < 阅读全文
posted @ 2021-07-16 11:04 骑蝴蝶飞 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 父组件向子组件传值用props 使用: 1.js里import引入子组件:import cpn from '子组件路径' 2.js的components添加上cpn components: { cnp }, 3.页面使用: <cpn></cpn>1.父组件(向子组件传值:) <cpn :cmovie 阅读全文
posted @ 2021-07-16 09:53 骑蝴蝶飞 阅读(7065) 评论(0) 推荐(0) 编辑