新手求教：如何在标记中传递参数并基于参数创建条件？

嘿，这个需求其实很常见，咱们一步步来实现，保证你能轻松搞定！

1. 让组件接收传递的参数 #

当你用{% component 'demoTodo' mobile=true %}调用组件时，mobile参数已经被传递到demoTodo组件的上下文里了。接下来你只需要在组件的模板文件里直接访问这个参数就行。

2. 编写条件判断逻辑 #

接下来就可以用你提到的{% if %}语句区分不同的渲染逻辑了，这里给你一个具体的代码示例，直接套用就行：

demoTodo组件的模板代码： #

{# 先给参数设置默认值，避免调用时没传参数导致报错 #}
{% set mobile = mobile ?? false %}

{% if mobile == true %}
    {# 移动端专属标记内容 #}
    <div class="todo-mobile">
        <h3>精简版待办</h3>
        <ul>
            <li>快速添加任务</li>
            <li>一键标记完成</li>
        </ul>
    </div>
{% else %}
    {# 桌面端完整标记内容 #}
    <div class="todo-desktop">
        <h2>全功能待办管理</h2>
        <div class="todo-filters">
            <button>全部</button>
            <button>待完成</button>
            <button>已完成</button>
        </div>
        <ul class="todo-list">
            <li>编写项目文档</li>
            <li>提交代码PR</li>
            <li>参加团队会议</li>
        </ul>
    </div>
{% endif %}

3. 调用组件的两种方式 #

现在你就可以按照计划灵活调用组件了：

• 触发移动端渲染：{% component 'demoTodo' mobile=true %}
• 触发桌面端渲染：{% component 'demoTodo' mobile=false %}

额外小提示 #

如果你的组件涉及后端逻辑（比如PHP处理），也可以在组件的后端代码里先接收参数再传递给模板。比如在组件的onRun方法里：

public function onRun()
{
    // 接收参数，默认值设为false
    $mobile = $this->property('mobile', false);
    // 把参数传递到模板上下文
    $this->page['mobile'] = $mobile;
}

不过如果只是模板层面的条件渲染，直接用Twig的默认值处理就完全够用啦。

内容的提问来源于stack exchange，提问作者double_trouble