VUE 组件二次封装v-bind 和v-on使用

qq_Girl200

于 2022-03-07 16:59:06 发布

阅读量986

点赞数

CC 4.0 BY-SA版权

分类专栏： vue项目开发文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_42103673/article/details/123334298

31 篇文章

订阅专栏

本文介绍了Vue 2.4.0新增特性，即在子组件中如何利用v-bind='$attrs'和v-on='$listeners'进行属性和事件的二次封装。通过示例展示如何在子组件中传递父组件的所有属性和监听器，简化组件复用过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VUE 组件二次封装之v-bind=“$attrs” 和v-on="$listener"

vue 2.4.0 新增

//子组件
<template>
  <div>
    <el-button v-bind="$attrs">确定</el-button>
  <div>
</template>
 
// 父组件使用
<my-button type='primary' size='mini'/>