做微信用什么网站,四川省住房和城乡建设局网站,做百度推广效果怎么样,宁夏干部网络教育培训学院官方网站中介绍到#xff1a;在任何实际的应用程序中#xff0c;都需要将数据从一个组件向下传递给它的子组件。为此#xff0c;我们需要声明属性#xff0c;通常简称为“props”。在Svelte中#xff0c;我们使用export关键字来完成此操作。
1 传值
app.svelte:
sc…官方网站中介绍到在任何实际的应用程序中都需要将数据从一个组件向下传递给它的子组件。为此我们需要声明属性通常简称为“props”。在Svelte中我们使用export关键字来完成此操作。
1 传值
app.svelte:
scriptimport Nested from ./Nested.svelte;
/scriptNested answer{42}/
此处将answer 属性传入 在子组件中需要接收。
Nested.svelte
scriptexport let answer;
/scriptpThe answer is {answer}/p
子组件接收父组件传入进的值并进行回显
此处无异于Vue中的使用props父子组件传值.
2 默认值
Nested.svelte
scriptexport let answer a mystery;
/script
app.svelte 中引入的时候不传值 会使用默认值
scriptimport Nested from ./Nested.svelte;
/scriptNested/ 3 对象属性传递
可以利用...语法将它们传播到一个组件上而不用逐一指定
app.svelte
scriptimport Info from ./Info.svelte;const pkg {name: svelte,version: 3,speed: blazing,website: https://svelte.dev};
/scriptInfo {...pkg}/ Info.svelte
scriptexport let name;export let version;export let speed;export let website;
/scriptp软件名{name}下载速度{speed} 版本{version}官网{website}
/p
