Liu Bo
mark
You can use like this😉. ```html import { ref } from 'vue' const stacks = ref([ { name: 'jack' },{ name: 'apple' } ]) {{ Name }} {{ i }}...
[Preview](https://deploy-preview-5940--vue-sfc-playground.netlify.app/#eyJBcHAudnVlIjoiPHNjcmlwdCBsYW5nPVwidHNcIiBzZXR1cD5cbmltcG9ydCB7IHJlZiB9IGZyb20gJ3Z1ZSc7XG5pbXBvcnQgQ29tcCBmcm9tICcuL0NvbXAudnVlJztcblxuY29uc3QgY291bnQgPSByZWYodW5kZWZpbmVkKVxuPC9zY3JpcHQ+XG5cbjx0ZW1wbGF0ZT5cbiAgPGgxPkNvdW50ZXI6PC9oMT5cbiAgPENvbXAgOmNvdW50PVwiY291bnRcIiAvPlxuPC90ZW1wbGF0ZT4iLCJpbXBvcnQtbWFwLmpzb24iOiJ7XG4gIFwiaW1wb3J0c1wiOiB7XG4gICAgXCJ2dWVcIjogXCJodHRwczovL2RlcGxveS1wcmV2aWV3LTU5NDAtLXZ1ZS1zZmMtcGxheWdyb3VuZC5uZXRsaWZ5LmFwcC92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0iLCJDb21wLnZ1ZSI6IjxzY3JpcHQgbGFuZz1cInRzXCIgc2V0dXA+XG5pbXBvcnQgeyByZWYgfSBmcm9tICd2dWUnXG5cbmRlZmluZVByb3BzPHtcbiAgY291bnQ6IG51bWJlciB8IHVuZGVmaW5lZDtcbn0+KCk7XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2Pnt7Y291bnR9fTwvZGl2PlxuPC90ZW1wbGF0ZT4ifQ==)
Already tick the "allow edits from maintainer".
No problem. ---Original--- From: "Evan ***@***.***> Date: Wed, May 18, 2022 08:05 AM To: ***@***.***>; Cc: ***@***.******@***.***>; Subject: Re: [vuejs/core] feat: support undefined type validate in prop (PR#5940) Can you...
> Can you please add a test case for this in `componentProps.spec.ts`? Test has been added, All done👌.
[Preview](https://deploy-preview-5952--vue-sfc-playground.netlify.app/#__DEV__eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHNoYWxsb3dSZWYgfSBmcm9tICd2dWUnO1xuaW1wb3J0IEhvbWUgZnJvbSAnLi9Ib21lLnZ1ZSc7XG5pbXBvcnQgQWJvdXQgZnJvbSAnLi9BYm91dC52dWUnO1xuY29uc3QgQ29tcG9uZW50ID0gc2hhbGxvd1JlZihIb21lKTtcbmxldCBpID0gMTtcbmNvbnN0IHRvZ2dsZUNvbXBvbmVudCA9ICgpID0+IHtcbiAgaSsrO1xuICBDb21wb25lbnQudmFsdWUgPSBpICUgMiA/IEhvbWUgOiBBYm91dDtcbn07XG48L3NjcmlwdD5cblxuPHRlbXBsYXRlPlxuICA8ZGl2PlxuICAgIDxidXR0b24gQGNsaWNrPVwidG9nZ2xlQ29tcG9uZW50XCI+U3dpdGNoIGNvbXBvbmVudDwvYnV0dG9uPlxuICAgICAgPCEtLSA8a2VlcC1hbGl2ZT4gLS0+XG4gICAgXHQ8dHJhbnNpdGlvbiBuYW1lPVwiZmFkZVwiIG1vZGU9XCJvdXQtaW5cIiBhcHBlYXI+XG4gICAgICAgIDxzdXNwZW5zZT5cbiAgICAgICAgICAgXHQ8Y29tcG9uZW50IDppcz1cIkNvbXBvbmVudFwiPjwvY29tcG9uZW50PlxuICAgICAgICAgICAgPHRlbXBsYXRlICNmYWxsYmFjaz5cbiAgICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgICBMb2FkaW5nLi4uXG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC90ZW1wbGF0ZT5cbiAgICAgICAgPC9zdXNwZW5zZT5cbiAgICAgIDwvdHJhbnNpdGlvbj5cbiAgICAgIDwhLS0gPC9rZWVwLWFsaXZlPiAtLT5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c3R5bGU+XG4uZmFkZS1lbnRlci1hY3RpdmUsXG4uZmFkZS1sZWF2ZS1hY3RpdmUge1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNXMgZWFzZTtcbn1cblxuLmZhZGUtZW50ZXItZnJvbSxcbi5mYWRlLWxlYXZlLXRvIHtcbiAgb3BhY2l0eTogMDtcbn1cblxuPC9zdHlsZT5cbiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vZGVwbG95LXByZXZpZXctNTk1Mi0tdnVlLXNmYy1wbGF5Z3JvdW5kLm5ldGxpZnkuYXBwL3Z1ZS5ydW50aW1lLmVzbS1icm93c2VyLmpzXCJcbiAgfVxufSIsIkhvbWUudnVlIjoiPHRlbXBsYXRlPlxuICA8ZGl2IGNsYXNzPVwiVGhlQWR2YW50YWdlc1wiPlxuICAgIDx1bD5cbiAgICAgIDxsaSBjbGFzcz1cImZpcnN0XCIgQGNsaWNrPVwiJHJvdXRlci5wdXNoKCcnKVwiPkknbSBmaXJzdDwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0IHNldHVwIGxhbmc9XCJ0c1wiPlxuaW1wb3J0IHsgb25Nb3VudGVkIH0gZnJvbSAndnVlJztcbm9uTW91bnRlZCgoKSA9PiB7XG4gIGRlYnVnZ2VyXG4gIGNvbnNvbGUubG9nKCdvbk1vbnV0ZWQgSG9vazonKTtcblxuICBjb25zb2xlLmxvZyhcbiAgICBcImRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5maXJzdCcpOiBcIixcbiAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcuZmlyc3QnKVxuICApO1xuXG4gIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgIGRlYnVnZ2VyXG4gICAgY29uc29sZS5sb2coJ3NldFRpbWVvdXQgMG1zJyk7XG4gICAgY29uc29sZS5sb2coXG4gICAgICBcImRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5maXJzdCcpOiBcIixcbiAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5maXJzdCcpXG4gICAgKTtcbiAgfSwgMCk7XG59KTtcbjwvc2NyaXB0PlxuIiwiQWJvdXQudnVlIjoiPHRlbXBsYXRlPlxuICA8aDE+QWJvdXQ8L2gxPlxuPC90ZW1wbGF0ZT5cblxuPHNjcmlwdCBzZXR1cD5cbi8vIFJlcHJvZHVjdGlvblxuPC9zY3JpcHQ+XG4ifQ==)
Because it's `DYNAMIC_SLOTS`, the function `shouldUpdateComponent` will return `true`, the component will update and the lifecycle `onUpdated` will trigger. https://github.com/vuejs/core/blob/2a9e9a40963a852238adc4c61b86d0c48e7131fa/packages/runtime-core/src/componentRenderUtils.ts#L345-L349 