setup
setup 函数可以说是 Vue 3 一个入口函数。
参数
使用 setup 函数时，它将接受两个参数：
-
props
-
context
让我们更深入地研究如何使用每个参数。
Props
setup 函数中的第一个参数是 props。正如在一个标准组件中所期望的那样，setup 函数中的 props 是响应式的，当传入新的 prop 时，它将被更新。我们还是在 src/TemplateM.vue：
-
<template>
-
<div class=
"template-m-wrap">
-
counter ---> {
-
{ counter }}
-
</div>
-
</template>
-
<script>
-
import { defineComponent, ref } from
'vue'
-
export
default defineComponent({
-
name:
'TemplateM',
-
props: {
-
test: {
-
type: Object,
-
default: () => {
-
return {
-
name:
'haha',
-
}
-
},
-
},
-
},
-
setup(props) {
-
const counter = ref(
0)
-
console.log(
'pr
转载：https://blog.csdn.net/qq_36772866/article/details/109664642
查看评论