props是只读的
vue规定：组件中封装的自定义属性是只读的，程序员不能直接修改props的值。否则会报错
<template>
<div>
<h5>Count 组件</h5>
<p>count的值是:{{ count }}</p>
<button @click="add">+1</button>
</div>
</template>
<script>
export default {
// props是自定义属性，允许使用者通过自定义属性，为当前组件指定初始值
// 自定义属性的名字，是封装者自定义的（只要名称合法即可）
// props中的数据，可以直接在模板结构中使用
// 注意：props是只读的，不要直接修改 props的值，否则终端会报错！
props: ['init'],
name: "Count",
data() {
return {
count: this.init
}
},
methods: {
add() {
this.count += 1
}
}
}
</script>
<style lang="less">
</style>
要想修改props的值，可以把props的值转存到data中，因为data中的数据都是可读可写的！