【Vue】基本的な使い方
基本的な使い方
- elはエレメントで使いたいセレクタを指定する。Vueの公式では#app.
- {{}}はマスタッシュ構文
<div id="app"> {{ dataの変数名 }} </div> <script> let app new Vue({ el: "#app", data: { 変数名: 値 } </script>
【TypeScript】readonly
readonly
- 読み込み専用のプロパティーを作成
class クラス名 { readonly プロパティー名: 型指定 = 値; } let 変数名 = new クラス名(); 変数名.プロパティー名;
【TypeScript】クラス定義
クラス定義
class クラス名 { public 変数名: 型指定; private 変数名: 型指定; constructor() { } public メソッド名(): 戻り値の型指定 { } }
【TypeScript】リスト
リスト
- 入れたいものを定義し、入れたいもの以外はエラーにする
let color: 'red' | 'blue' | 'yellow'; color = 'red'; color = 'blue'; 以下はエラーになる color = 'green';
【TypeScript】型推論
型推論
- letで定義した時に型を自動で決定し、決定した型以外を代入するとエラーになる
let moji = '文字'; let suuji = 1; 以下でエラーが発生。letで定義した時に型推論でstringとnumberで型指定している moji = 1; suuji = '1'
【TypeScript】ユニオンタイプ
ユニオンタイプ
- 複数の型指定を定義
let 変数名: number | string;