Laid Back Code

date
Jan 2, 2022
repo_url
slug
bio-blog
status
Published
summary
概要文
type
Page
thumbnail_url
tags
outer_link
アウトプット用のインデックスサイト
notion image
Blogはどこかに投稿するほどでもない小さなアウトプット・自分用のメモやTipsなどをゆるく投稿していきます。
Zennnote

nextTickについて

Provide/Injectの使い所

名前つきSlotにHTMLを渡すv-slot

Provideではref()ではなくreactive()を使う理由

v-modelでのemitの記述

Vueにおけるアクセシビリティチェックツール

Emitの定義・流れ

Propsのデフォルト値

watchEffect()とwatch()の使い分け方

watch()で即時実行する

Modifiersの活用例

リストデータのオブジェクト操作

Mapのデータ操作

配列のデータ操作

filter()でループ対象のデータを絞り込む

カウンタ変数を利用するv-for

オブジェクトやオブジェクトの配列ループサンプル

Mapでのv-for

v-if/v-showの違いと注意事項

Reactの<></>はVueでは<template>

v-if/v-else-if/v-elseの注意点

レンダリング終了までマスタッシュ構文を非表示にするv-cloak

データバインドを一度だけ行うv-once

テンプレート記述を無効化するv-pre

v-htmlのXSS脆弱性

v-modelの修飾子

inputタグのtype=”file”はv-modelが使えない

クリックイベント・キーイベント

v-onの修飾子 Modifiers

v-onでイベントオブジェクトとそれ以外の引数を組み合わせる方法

v-onでイベントオブジェクト以外を引数とするイベントハンドラメソッド

v-onでイベントオブジェクトを引数として受け取る

v-on イベントおさらい

テンプレート内とスクリプトブロック内の画像パスの違い

v-bind 複数の属性

v-bind Dynamic Arguments

v-bind 属性値のない属性へのバインド

v-bind 基本構文

まとめてリアクティブにするreactive()

算出プロパティは読み取り専用

ref()の働き


© Hayato Kamiyama 2023 - 2024 - Build with Next.js & Notion