第3回　Vue.jsでコンポーネント開発 | gihyo.jp

テクノロジーカテゴリーの変更を依頼記事元:

gihyo.jp

50 usersがブックマークコメント

記事へのコメント3件

注目コメント
新着コメント

kent-where-the-light-is “jsfiddleで実行するとわかりますが，fruits-list-childコンポーネントはfruits-list-parentコンポーネントのスコープ内に定義されています。そのため，以下のHTMLファイルのようにfruits-list-childコンポーネントをfruits-list-parentの外側

2017/08/02 リンク

lapurete vue.js

*フロントエンド

2017/04/10 リンク

ikemonn positiveflatさんだ！！！

2016/11/15 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

第3回　Vue.jsでコンポーネント開発 | gihyo.jp

はじめに第3回では、Vue.jsのコンポーネントの基本的な作成の仕方と使用方法を紹介します。 Vue.jsは、... はじめに第3回では、Vue.jsのコンポーネントの基本的な作成の仕方と使用方法を紹介します。 Vue.jsは、UIをコンポーネント化する仕組みを持っています。HTML＋CSS＋JavaSciptで構築されたUIの再利用性が高まり、カプセル化されて開発で意識すべき範囲を限定できるようになります。今回の記事が、プロジェクトにVue.jsを導入する際のコンポーネント設計のイメージをつかむ助けになれば幸いです。 Vue.jsのコンポーネント指向 Vue.jsのコンポーネント指向について Vue.jsのコンポーネントは、大まかにWeb ComponentのCustom Elementsの仕様に沿って設計されています。コンポーネントは、定義したタグ名で親となるコンポーネントのHTML上に記述できます。大規模なアプリケーションを作成する際は、コンポーネントをツリー状に構成してわかりやすく設計すること