美式霸凌，但是前端框架

某日

React：喲，jQuery。你來這裡幹嘛，小辣雞。這裡是我們的地盤。

// React
export const Dance = () => {
  return <span>   ‍  ‍  ‍      ‍    </span>;
};

<!-- Vue -->
<template>
  <span>   ‍♂️  ‍♂️  ‍♂️  ‍♂️  ‍♂️  ‍♂️</span>
</template>

React：你知道嘛，這地方不收辣雞

Vue：也不歡迎你~

// React
export const Dance = () => {
  return (
    <ul>
      {[' ', ' ', ' ', ' ', ' ', ' '].map((dance) => (
        <li>{dance}</li>
      ))}
    </ul>
  );
};

<!-- Vue -->
<template>
  <ul>
    <li v-for="dance in [' ', ' ', ' ', ' ', ' ', ' ']">
      {{dance}}
    </li>
  </ul>
</template>

React：現在聽好了 jQuery，我和 Vue 這周要舉辦一個超 dio 的派對。所有前端框架都會出席，但你猜，誰會收不到邀請？

Vue：你~~~~~

React：麻溜回家吧 jQuery，不然就留下來替我重構 山。

Vue：哈，React 你嚇到他了 哈哈哈

React：誒~~ 氣死你~

派對中

Angular：嘿 jQuery，誰邀請你這個過氣框架來的？

Angular：噢，微信小程式是吧？

Angular：哈，你應該知道他邀請你只是為了拿你說笑的，對吧？

微信小程式：不是這樣的~

Angular：閉上你的臭嘴！你這個縫合怪！

Angular：倒是你 jQuery，你是怎麼過來的？怎麼？是你媽媽 Vanilla JS 送你來的嘛？哈哈哈哈

jQuery：嚶嚶嚶嚶嚶嚶嚶嚶嚶嚶嚶嚶嚶嚶嚶

Angular：聽好了 jQuery，想要留在這裡，你必須要鬥贏我。我先來：

<div *ngFor="let dance of dances">
  <span>{{ dance }}</span>
</div>

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app',
  templateUrl: './dance.component.html',
  styleUrls: ['./dance.component.css']
})
export class ProductAlertsComponent implements OnInit {
  products = [' ‍♂️', ' ‍♂️', ' ‍♂️', ' ‍♂️', ' ‍♂️', ' ‍♂️', ' ‍♂️', ' ‍♂️'];
 
  constructor() {}

  ngOnInit() {}
}