父组件给子组件传值，子组件不更新的原因

<template>
  <div>子组件接收显示：{{ msg }}</div>
</template>

<script>
export default {
  data() {
    return {
      msg: "",
    };
  },
  created() {
    this.msg = this.parendData;
  },
  props: ["parendData"],
};
</script>

我们有时候需要对传过来的prop进行再处理。当子组件不直接使用prop而是将prop赋值给data的时候，prop更新时，视图无法更新。

原因：父子组件遵循单向数据流。出现这种原因是 你的子组件里用了n变量去接收与父组件通信的t，只会在第一次初始化子组件的时候拿到值。

解决:用computed计算属性、watch监听就行了，或者直接用props传过来的。

例子:设置watch监听prop