为什么计算函数无法识别 props 已更改？答案

【问题标题】：Why computed function does not recognize that props have changed?为什么计算函数无法识别 props 已更改？
【发布时间】：2023-01-09 16:32:55
【问题描述】：

我是 Vue 的新手。

我想知道为什么计算函数没有按预期工作。我想将我的 todo.date (props) 更改为特定形式！

import dayjs from 'dayjs'
export default{
  name:'To-do',
  props:{
    todo:Object
  },
  data(){
     return{
        isChecked:this.todo.checked,
        isModifying:false,
     }
   },
  
    computed:{
        getDate(){
             this.date = dayjs(this.todo.date).format("YY MM DD")
        }   
      },
    }

这是需要显示的内容，但事实并非如此。

<div>{{ getDate  }}</div>

我的计算函数应该在 date(props) 发生变化时识别并将其更改为正确的形式！

【问题讨论】：

标签： vue.js vuejs2 vuejs3

【解决方案1】：

在计算属性中，您应该返回一个值，而不是改变属性：

 computed:{
        getDate(){
            return dayjs(this.todo.date).format("YY MM DD")
        }   
      },

【讨论】：