🐉
単一ファイルコンポーネントメモ
作成日:
2022/01/11
1
●単一ファイルコンポーネント
コンポーネントのHTMLとCSSとjavascriptを1つのファイルに記述して「.vue」という
独自の拡張子をつけたモジュール
SFCは開発環境のみで使える特殊なフォーマットなので、ブラウザでそのまま実行はできない。
開発環境「Vue CLI」をインストールして、実行可能な形式(HML、CSS、Javascriptファイル)に
変換する必要がある。
●export default
Javascriptの仕様ES2015(ES6)をサポートするブラウザでは、importという構文を使って
別のモジュールから関数やオブジェクトを見込むことができる。
export defaultは、そのモジュールが別のモジュールからあ読み込まれたときに返す
デフォルトの内容を定義するもの。
単一ファイルコンポーネントを使って開発を行う場合、コンポーネントの読み込みにimportを使う。
【書式】
import [読み込んだオブジェクトを参照する変数名] from "[読み込むモジュールのパス]";