组件的props
props时组件的自定义属性
,在封装通用组件
的时候,合理地使用props可以极大的提高组件的复用性
!
<template>
<div>
<h5>Count 组件</h5>
<p>count的值是:{{init}}</p>
<button @click="add">+1</button>
</div>
</template>
<script>
export default {
// props是自定义属性,允许使用者通过自定义属性,为当前组件指定初始值
// 自定义属性的名字,是封装者自定义的(只要名称合法即可)
props:['init'],
name: "Count",
data() {
return {
count: 0
}
},
methods: {
add() {
this.count += 1
}
}
}
</script>
<style lang="less">
</style>