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: {