Vue—组件实例之$props

目录

一、概述

二、实例

---

一、概述

$props属性包含了组件选项props接收的父作用域中当前组件的绑定属性。

二、实例

实例一：$props属性和$attrs属性互为补集

 $props属性和$attrs属性互为补集，二者之和为父作用域中当前组件的所有绑定属性，class和style属性除外。

<!--父组件-->
<template>
  <div>
    <my-input type="text" placeholder="请输入文字" name="demo"></my-input>
  </div>
</template>
<script>
import myInput from './myInput';
export default {
  components: {
    'my-input': myInput
  }
};
</script>

<!--子组件-->
<template>
  <div>
    <input />
  </div>
</template>