本文主要是介绍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 语句的一个判断
这篇关于Tracy vue3 小笔记 - template 数据访问顺序的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!