原始链接: https://phoenixframework.org/blog/phoenix-liveview-1-2-released
LiveView 1.2.0 现已发布，支持**同构 CSS (colocated CSS)**。与现有的 Hooks 和 JavaScript 类似，你现在可以直接在 HEEx 模板中使用 `:type={MyApp.ColocatedCSS}` 属性来定义 CSS。这些内容会在编译时被提取，并通过你的标准资源流水线进行处理。 为了防止样式泄露，该版本提供了一种使用现代 `@scope` 规则来限制 CSS 作用域的机制。通过在配置中启用 `root_tag_attribute`（例如 `phx-r`），LiveView 会对模板边界进行标注，从而允许你将样式限制在特定组件内。虽然原生浏览器对 `@scope` 的支持尚在完善中，但 LiveView 提供了一个 `@behaviour` 以实现自定义的作用域策略。 **其他主要更新包括：** * **HTML 格式化：** 新的 `TagFormatter` behaviour 允许对 `