小白踩坑

(61) ① 当前组件添加的所有动态子块 转成 HTML 代码 后， 传递 给 group.liquid 通过 capture 捕获动态子块内容，再传递给 group.liquid 片段统一渲染 ②

(53) 父 传递给 子 数值变量 ① 传递 可选的参数变量 ② 区块 参数传递 通过 render 'overlay', settings: section.settings，将 Hero 区块的所

(46)"blocks": [{ "type": "@theme" }] 官网文档地址 案例： ① 有 { "type": "@theme" } ② 无 { "type": "@theme" } 延伸

（37）newline_to_br a. newline_to_br 是一个过滤器，表示将字符串中的换行符 (\n) 替换成 <br /> 标签。 例如，如果 settings.color_swatc

（31）section 文档地址：https://shopify.dev/docs/api/liquid/objects#section （32）product 文档地址：https://shopif

（1） Laravel Mix https://laravel-mix.com/docs/6.0/installation 1. 安装 2. 配置 （2） Tailwind CSS （v3.4.17）

添加预设分区——模块的名字 模块名字 a 标签为空时， role="link" 用于表示该元素充当一个链接，尽管它可能不是一个实际的 <a> 标签。aria-disabled="true" 表示该链接

1. srcset 以便浏览器可以根据不同的屏幕尺寸和分辨率选择最合适的图片 image-320w.jpg 320w 表示宽度为 320 像素的图片。 image-480w.jpg 480w 表示宽度

一、vite vite [官网链接](开始 | Vite 官方中文文档 (vitejs.cn)) (1) 搭建 vue (2)指定开发服务器端口 二、vue (一) 计算属性 1.基础示例 2.可写计