動的 & 非同期コンポーネント — Vue.js 動的コンポーネントはisを使ってコンポーネントを切り替えて使う。 サンプルコード # Home.vue <template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"><br /> <button @click="onClickChangeComponent">コンポーネントを切り替える</button> </div></template>

PROPを使う場面 propを使ってみたのでコードを残しておく。 propは親コンポーネントから子コンポーネントにデータを渡したい時に使われる。 親コンポーネント内にコンポーネントを記述している場合書かれているコンポーネントを子コンポーネントという。 # …

エラー内容 error Type string trivially inferred from a string literal, remove type annotation @typescript-eslint/no-inferrable-types エラーが出たコード import { Component, Prop, Vue } from 'vue-property-decorator'; @Component({}) export de…

package.jsonにscriptsがある。ここに追加や修正することで好きなコマンドを作る（ショートカットを作ることができる）。 // package.json { "name": "my-project", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "…

typescriptは静的型付け言語なので、型を意識さざるを得ない。 例えばユニオン型で２つの異なるクラスを定義した場合、そのインスタンスはクラスによって使えるプロパティが変わる。 ていうことで、型を判定する条件分岐と判定する方法が重要になるらしい。 …

まずアクセス修飾子について アクセス修飾子はクラスを基準としてアクセスできるかどうかを定めるものと考えると良い。 class Person{ public name: string; constructor(name: string){ this.name = name; }; } let mario = Person("mario"); mario.name = …

udemyの超TypeScript入門 完全パック(2021)の内容をメモしている。とてもわかり易いのでおすすめ。 コンパイラの設定方法 watchモードを使って、保存時に自動的にTSからJSにコンパイルする方法 tsc --initコマンドでtsconfig.jsonを作り、すべてのファイルを…