[Vue.js]Vue.jsここでは、Vue.jsに用意されているインスタンスプロパティを紹介します。$attrsインスタンスプロパティインスタンスプロパティとは、Vueのインスタンスが持つプロパティです。Vueでは、定義したデータ、算出プロパティ、メソッドと名前が衝突することを避けるために、インスタンスが利用できるすべてのプロパティに対しては、接頭辞に「$」を付ける規約が設けられています。インスタンスプロパティには、「$~」の形式でアクセスすることできます。インスタンスプロパティには、次のものがあります。$data$props$el$options$parent$root$slots$refs$attrs$data$dataは、コンポーネントインスタンスが監視しているデータオブジェクトです。$dataのタイプ(型)はobjectになります。$props$propsは、コンポーネントが受け取ったプロパティを表すオブジェクトです。$propsのタイプ(型)はobjectになります。$el$elは、コンポーネントインスタンスが管理しているルートのDOM要素です。$elのタイプ(型)はanyになります。$options$optionsは、現在のコンポーネントインスタンスに使用されるインスタンス化されたオプションオブジェクトです。$optionsのタイプ(型)はobjectになります。$parent$parentは、現在のインスタンスに親のインスタンスがある場合は、親のインスタンスになります。instanceになります。$root$rootは、現在のコンポーネントツリー(階層)のルートとなるコンポーネントインスタンスです。現在のコンポーネントインスタンスに親がない場合は、現在のコンポーネントインスタンス自体になります。instanceになります。$slots$slotsは、スロットによって配布されるコンテンツにプログラムでアクセスするために使用するオブジェクトです。スロットには、それぞれに対応するプロパティがあります。(例えば、v-slot:fooのコンテンツはthis.$slots.foo()にあります。)defaultプロパティには、名前付きスロットに含まれていないノード、またはv-slot:defaultのコンテンツになります。$refs$refsは、ref属性が指定されたDOM要素とコンポーネントインスタンスのオブジェクトです。$refsのタイプ(型)はobjectになります。$attrs$attrsは、コンポーネントのプロパティまたはイベントとして認識されない親スコープの属性とイベントです。コンポーネントに定義されたプロパティまたはイベントがない場合は、基本的にすべての親スコープにバインドされたデータが含まれ、v-bind=$attrsで内部コンポーネントに渡すことができます。$attrsのタイプ(型)はobjectになります。[Vue.js]コンポーネントのHTMLテンプレートを定義する際は、templateプロパティオプションを利用するのが基本です。[Vue.js]Vue.jsのv-bindディレクティブを使用すると、HTML要素の属性に値をバインドすることができます。[Vue.js]Webアプリケーションでは、データをリスト(一覧)で表示することがよくあります。world!」が使われることがとても多いです。[Vue.js]本記事では、Vue.jsのv-ifディレクティブについて紹介します。[Vue.js]本記事では、Vue.jsで作成するアプリケーションの状態を定義するdataプロパティオプションについて紹介します。[Vue.js]本記事では、Vue.jsのv-modelディレクティブについて紹介します。