vue-props-为count组件声明props自定义属性

组件的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>