svelte教程(3)props
在任何实际应用程序中,您都需要将数据从一个组件传递到其子组件。为此,我们需要声明properties,通常将其缩写为'props'。
注意:Svelte中,我们使用export关键字来实现。export的工作原理与JavaScript中不同。
// Nested.svelte <script> export let answer; </script> <p>The answer is {answer}</p> // index.svelte <script> import Nested from '../components/Nested'; </script> <Nested answer={42}/>
指定props默认值,例如:
// Nested.svelte <script> export let answer='a mystery'; </script> <p>The answer is {answer}</p> // index.svelte <script> import Nested from '../components/Nested'; </script> <Nested answer={42}/> <Nested/>
如果您有一个属性对象,则可以将它们“扩展”到一个组件上,而不用指定每个对象:
// Info.svelte <script> export let name; export let github; export let version; </script> <div> <p>The name is {name}</p> <a href={github}>The github is {github}</a> <p>The version is {version}</p> </div> // index.svelte <script> import Info from "../components/Info"; let info = { name: "sullay", github: "https://github.com/sullay/svelte-learn", version: "1.0.0" }; </script> <Info {...info} />
本教程的所有代码均上传到github有需要的同学可以参考 https://github.com/sullay/svelte-learn。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Spring Boot 2.x基础教程:JSR-303实现请求参数校验
请求参数的校验是很多新手开发非常容易犯错,或存在较多改进点的常见场景。比较常见的问题主要表现在以下几个方面: 仅依靠前端框架解决参数校验,缺失服务端的校验。这种情况常见于需要同时开发前后端的时候,虽然程序的正常使用不会有问题,但是开发者忽略了非正常操作。比如绕过前端程序,直接模拟客户端请求,这时候就会突然在前端预设的各种限制,直击各种数据访问接口,使得我们的系统存在安全隐患。 大量地使用if/else语句嵌套实现,校验逻辑晦涩难通,不利于长期维护。 所以,针对上面的问题,建议服务端开发在实现接口的时候,对于请求参数必须要有服务端校验以保障数据安全与稳定的系统运行。同时,对于参数的校验实现需要足够优雅,要满足逻辑易读、易维护的基本特点。 接下来,我们就在本篇教程中详细说说,如何优雅地实现Spring Boot服务端的请求参数校验。 JSR-3
- 下一篇
svelte教程(4)逻辑
条件逻辑 有条件的渲染一些元素,使用 "if" 代码块: <script> let user = { loggedIn: true }; function toggle() { user.loggedIn = !user.loggedIn; } </script> {#if user.loggedIn} <button on:click={toggle}> Log out </button> {/if} 使用else代码块 <script> let user = { loggedIn: false }; function toggle() { user.loggedIn = !user.loggedIn; } </script> {#if user.loggedIn} <button on:click={toggle}> Log out </button> {:else} <button on:click={toggle}> Log in </button> {/if...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- CentOS7,CentOS8安装Elasticsearch6.8.6
- Docker使用Oracle官方镜像安装(12C,18C,19C)
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS7安装Docker,走上虚拟化容器引擎之路
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- SpringBoot2全家桶,快速入门学习开发网站教程
- CentOS7设置SWAP分区,小内存服务器的救世主
- Docker快速安装Oracle11G,搭建oracle11g学习环境