Complex Template Expressions — Overview (Beta)

DEX475 - HTML Templates

📄 第 38 页 🎬 视频课程

课程章节介绍

同学们,今天我们来聊一个很有趣的新功能,叫做“复杂模板表达式”。这是一个Beta测试版,需要你的组件API版本是66.0及以上才能使用。它让我们直接在HTML模板里写一些简单的JavaScript表达式,不用再为了一个简单的显示值去专门写一个getter方法啦。 你想想,以前如果我们要显示一个读作“先生”或者“女士”这样的称呼,就得在JS里定义一个getter,返回某个表达式的结果。现在,这些轻量级的逻辑可以直接写在模板里,支持模板字面量、三元运算符、逻辑运算符、函数调用、数组操作,还有那种带空值合并的安全链式访问。听起来是不是很方便? 要启用这个功能,你得在组件的.js-meta.xml配置文件中,把apiVersion设成66.0或更高。系统看到这个版本,就会开启强大的表达式支持;如果版本低一些,它会老老实实退回到原来那种只能做基本属性绑定的模式,不会出错。 不过,一定要记住,这是Beta版功能。也就是说,现在不能用在正式的生产环境里哦。它适合我们在开发测试、沙盒环境、内部工具或者纯粹学习的时候拿出来用,提前感受一下它带来的便利。 好,关于复杂模板表达式我们就讲到这里。等它正式发布以后,就可以直接用到你的项目中,让代码更简洁了。有什么问题,随时可以问我。

关键词

LWC Lightning Web Components Salesforce