0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

「Vue完全攻略への道」Day1 ─ 単一ファイルコンポーネント(SFC)

Posted at

〇背景

これからVueをマスターする予定である。

色々本を読んでもあまり分からなかったので、ブログでアウトプットしつつ勉強する。

なお、特性上Typescriptの内容も混ざるが気にしないで。

今回は第一回という事でSFC(基礎コンポーネントファイル)の掘り下げ。

〇今回のコード例

特になし

〇調べる前の自分の認識

そもそもSFCという単語が分からない。

〇調べた結果

SFCの意味は **Single File Component(シングル ファイル コンポーネント)**で

Vueにおいて 1つのUI部品(コンポーネント)を1つのファイルにまとめる仕組みのこと

このtemplate script styleの構成の事。

〇動作解説(図解やコメント付きコード)
image.png

〇実務での注意点

styleは別部分で定義しているため、スキップされる事がある。

よくあるscript setupはVue3.0のもので、最近できた構文。(構文糖衣)一つしか置けない。

〇まとめ・所感

これは知っていたので特に記載することなし。

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?