0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Vue.js 忘備録(v-bind)

Last updated at Posted at 2019-02-13

基本中の基本ともいえる v-bind と v-model ディレクティブについて。
:slight_smile:v-〇〇が出てきたらディレクティブと思っておこう

##v-bind(属性バインディング)##

v-bind の構文
v-bind:[属性]="プロパティ"

☆マスタッシュ記法({{ }})はテキストのバインディングに使用するためのものであり、属性に対して使用することはできない。(※htmlのタグの中に書くことはできない)
なので属性に対するバインディングはv-bind ディレクティブを用いて、HTMLのいずれかのタグ要素の属性として指定する。

特徴
・odel の値を HTML コンポーネントに反映(出力)する。
・HTML コンポーネントの値が変わっても、Model の値は変わらない。
・Model から HTML への一方通行。

####コンポーネントとは####
・本質的にはあらかじめ定義されたオプションを持つ Vue インスタンスのこと。
・つまり、名前付きの再利用可能な実体。
・同じオプションオブジェクトを受け入れる。
・**new Vue( ... )**の形式

###クラスとスタイルのバインディング###

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?