Aurelia中的Switch语句

switch (expression) {
  case value1:
    // 执行代码块1
    break;
  case value2:
    // 执行代码块2
    break;
  ...
  default:
    // 执行默认代码块
}

<template>
  <div>
    <button click.trigger="changeColor('red')">Red</button>
    <button click.trigger="changeColor('blue')">Blue</button>
    <button click.trigger="changeColor('green')">Green</button>
  </div>
  <div css="color: ${selectedColor}">
    <p>${selectedColor}</p>
  </div>
</template>

export class App {
  selectedColor = '';

  changeColor(color) {
    switch (color) {
      case 'red':
        this.selectedColor = 'red';
        break;
      case 'blue':
        this.selectedColor = 'blue';
        break;
      case 'green':
        this.selectedColor = 'green';
        break;
      default:
        this.selectedColor = '';
    }
  }
}