เข้าถึง 소품 ทั้งหมดด้วย $$propsใน svelte3
10709 단어 slotslotcontentsvelte3
소품 ใน Svelte คืออะไร
Props คือ การ การ Pass ค่า ค่า ต่าง ๆ ไป ให้ ให้ 어린이 구성 요소 ใช้ งาน สามารถ สามารถ 패스 소품 แบบ 정적 และ 패스 แบบ 객체 หรือ ใช้ ใช้ การ แบบ 전송 소품이 스프레드 소품
/** Button.svelte */
<script>
export let title;
</script>
<button>
{title}
</button>
/** App.svelte */
<script>
import Button from "./Button.svelte";
</script>
<main>
<Button title='Toggle' />
</main>
전달 소품 แบบ 정적
title='Toggle'
เรียกว่าการ 통과 แบบ 정적소품 전달 ผ่านตัวแปร
/** App.svelte */
<script>
import Button from "./Button.svelte";
const title = 'Toggle'
</script>
<main>
<Button title={title} />
</main>
หรือ
<main>
<Button {title} />
</main>
title={title}
เรียกว่าการ 패스 소품 ผ่านตัวแปร소품 전달 ผ่าน 개체
/** App.svelte */
<script>
import Button from "./Button.svelte";
const props = {
title: 'Toggle'
}
</script>
<main>
<Button title={props.title} />
</main>
text={title}
เรียกว่าการ 패스 소품 ผ่าน 개체소품 전달 ผ่าน 소품 펼치기
/** App.svelte */
<script>
import Button from "./Button.svelte";
const props = {
title: 'Toggle',
name: 'myName'
}
</script>
<main>
<Button {...props} />
</main>
{...props}
เรียก เรียก เรียก การ 패스 소품 โดย การ การ ใช้ ใช้ 스프레드 연산자 มา ช่วย ใน การ การ ผ่าน ผ่าน ผ่าน 객체 ฝั่ง ฝั่ง ฝั่ง ได้ ได้ ได้ ได้ 소품/** Button.svelte */
<script>
export let title;
export let name;
</script>
<button {name}>
{title}
</button>
เราสามารถรับค่า 이름 เพิ่มได้จาก 개체 소품 ที่ 통과
소품 액세스 ผ่าน $$props
/** App.svelte */
<script>
import Button from "./Button.svelte";
const props = {
title: 'Toggle',
name: 'myName'
}
</script>
<main>
<Button {...props} />
</main>
/** Button.svelte */
<script>
let {title, name } = $$props
</script>
<button {name}>
{title}
</button>
จาก จาก จาก ก้าน ตัวอย่าง เรา เรา สามารถ รับ ค่า 타이틀, 이름, 이름 มา ได้ จาก จาก จาก $$ propss ซึ่ง ตัว $$ propss จะ เก็บ ค่า ค่า ค่า propss
/** Button.svelte */
<button {$$props.name}>
{$$props.title}
</button>
หรือ หรือ หรือ ใช้ จะ นี้ ก้ ก้ ได้ ทำ ทำ ให้ ให้ โค้ด สั้น สั้น ลง อีก มาก มาก เพียง เท่า นี้ เรา เรา ก็ สามารถ รับ รับ ค่า 소품
หากสนใจ สามารถเรียนรู้การใช้งาน
Svelte: Framework Not Framework — (ตอนที่ 1) แรกรู้จัก
ขอบคุณ ขอบคุณ ขอบคุณ ท่าน ทุก อ่าน มา ถึง ถึง ตรง นี้ นี้ ถ้า ถ้า อ่าน อ่าน แล้ว รู้ รู้ มี ประโยชน์ ฝาก กด กด หรือ หรือ หรือ 공유 링크 ให้ คน อื่น รับ รับ รู้ ด้วย ด้วย นะ ครับ ขอบคุณ ครับ
Reference
이 문제에 관하여(เข้าถึง 소품 ทั้งหมดด้วย $$propsใน svelte3), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/sutin1234/props-props-svelte3-3la8텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)