innocent-zero https://blog.hatena.ne.jp/innocent-zero/ ブログ https://gouf.hatenablog.com/ Vue.js ゴール 初期データ 実装 <template/> <script/> <style/> Links ゴール 「テーブルの <td/> 要素をクリックすると背景の色が変わる」コンポーネント (ToggleTd.vue) を実装する 実際の表示には Index.vue を用いる 初期データ データ内容や定義はテキトー 実際は コンポーネントが作られる適当なタイミングで外部と通信し初期データを取得する 実装 <template/> Index.vue <template> <div> <table ref="table"> <tr> <th>Eng</th> <th>Jp</th> </tr> <t… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgouf.hatenablog.com%2Fentry%2F2018%2F04%2F09%2F011338" title="クリックでトグルする要素を作る - ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/innocent-zero/20180409/20180409010138.gif Hatena Blog https://hatena.blog 2018-04-09 01:13:38 rich https://gouf.hatenablog.com/entry/2018/04/09/011338 1.0 100%