今天在开发的时候，碰到一个bug。就是修改了父组件传递给子组件的值，但是子组件接收父组件的props值的时候竟然没有更新视图。举例代码如下：
组件代码
<template>
<h1>{{ showData }}</h1>
</template>
<script>
export default {
name: "Son",
props: {
Data: {
type: Number,
default: 0
}
},
data() {
return {
showData: 0
};
},
created() {
this.showData = this.Data.toFixed(2);
}
};
</script>
这里props中Data的type是一个Number，代码中在created里面赋值给showData，并做了计算处理，这个初衷是为了不想改变父组件传过来的值，不违反单向数据流传递规则。
网友评论