vue三大组件-属性

vue属性

在vue中, 属性分为三大种, 自定义属性, 原生属性, 特殊属性

	自定义属性(props)	组件props中声明的属性
属性	原生属性 (attrs)	没有声明的属性,默认自动挂在到组件根元素上,设置inheritAttrs为false可关闭自动挂载
	特殊属性 class , style	挂载到组件根元素上, 支持字符串, 对象, 数组等多种语法

继承于普通html的概念, 对于组件的属性,我的理解是相当于父页面在调用子组件的时候向子组件传的值, 用于规定

子组件的样式等

在子组件中对于属性的设定的时候有两种:

props: ['name', 'type', 'list', 'isVisible']

声明了子组件中的四种属性, 但是不建议这么写

优点: 简单,方便

缺点: 不宜维护

推荐写法:

<template>
    <div>
        name: {
  { name }}
        <br />
        type: {
  { type }}
        <br />
        list: {
  { list }}
        <br />
        isVisible: {