Tracy vue3 小笔记 - template 数据访问顺序

{{message}}


<script>
data() {
  return {
    message: "没有 setup 中的 message 时展示",
  }
},
computed: {
  message() {
    return "没有 data 中的 message 时展示";
  }
},
setup: {
  const message = Vue.ref("优先展示")
  return {message}
  }
}
</script>

相同变量名的时候， 展示顺序如下 setup > data > computed

原因可查看 Vue 中的源代码，它是一个 if else 语句的一个判断