本文へジャンプ
Vue.js
検索
K
メイン・ナビゲーション
ドキュメント
ガイド
チュートリアル
実装例
クイックスタート
Vue 2 のドキュメント
Vue 2 からの移行
API
プレイグラウンド
エコシステム
リソース
パートナー
テーマ
仕事
T シャツショップ
公式ライブラリー
Vue Router
Pinia
ツールガイド
動画講座
Vue Mastery
Vue School
ヘルプ
Discord Chat
GitHub Discussions
DEV Community
ニュース
ブログ
Twitter
ニュースレター
イベント
情報
FAQ
チーム
リリース
コミュニティガイド
行動規範
ドキュメンタリー
スポンサー
パートナー
languages
github
twitter
discord
外観
languages
github
twitter
discord
API リファレンス
フィルター
グローバル API
アプリケーション
createApp()
createSSRApp()
app.mount()
app.unmount()
app.provide()
app.component()
app.directive()
app.use()
app.mixin()
app.version
app.config
app.config.errorHandler
app.config.warnHandler
app.config.performance
app.config.compilerOptions
app.config.globalProperties
app.config.optionMergeStrategies
汎用
version
nextTick()
defineComponent()
defineAsyncComponent()
defineCustomElement()
Composition API
setup()
基本的な使い方
Props へのアクセス
Setup Context
Render 関数での使用
リアクティビティー: コア
ref()
computed()
reactive()
readonly()
watchEffect()
watchPostEffect()
watchSyncEffect()
watch()
リアクティビティー: ユーティリティー
isRef()
unref()
toRef()
toRefs()
isProxy()
isReactive()
isReadonly()
リアクティビティー: 上級編
shallowRef()
triggerRef()
customRef()
shallowReactive()
shallowReadonly()
toRaw()
markRaw()
effectScope()
getCurrentScope()
onScopeDispose()
ライフサイクルフック
onMounted()
onUpdated()
onUnmounted()
onBeforeMount()
onBeforeUpdate()
onBeforeUnmount()
onErrorCaptured()
onRenderTracked()
onRenderTriggered()
onActivated()
onDeactivated()
onServerPrefetch()
依存関係の注入
provide()
inject()
Options API
オプション: 状態
data
props
computed
methods
watch
emits
expose
オプション: レンダリング
template
render
compilerOptions
オプション: ライフサイクル
beforeCreate
created
beforeMount
mounted
beforeUpdate
updated
beforeUnmount
unmounted
errorCaptured
renderTracked
renderTriggered
activated
deactivated
serverPrefetch
オプション: 合成
provide
inject
mixins
extends
オプション: その他
name
inheritAttrs
components
directives
コンポーネントインスタンス
$data
$props
$el
$options
$parent
$root
$slots
$refs
$attrs
$watch()
$emit()
$forceUpdate()
$nextTick()
ビルトイン
ディレクティブ
v-text
v-html
v-show
v-if
v-else
v-else-if
v-for
v-on
v-bind
v-model
v-slot
v-pre
v-once
v-memo
v-cloak
コンポーネント
<Transition>
<TransitionGroup>
<KeepAlive>
<Teleport>
<Suspense>
特別な要素
<component>
<slot>
Special Attributes
key
ref
is
Single-File Component
Syntax Specification
Overview
Language Blocks
Automatic Name Inference
Pre-Processors
Src Imports
Comments
<script setup>
基本の構文
リアクティビティー
コンポーネントの使用
カスタムディレクティブの使用
defineProps() & defineEmits()
defineExpose()
useSlots() & useAttrs()
通常の <script> との併用
トップレベルの await
TypeScript のみの機能
制限
CSS Features
Scoped CSS
CSS Modules
v-bind() in CSS
Advanced APIs
Render Function
h()
mergeProps()
cloneVNode()
isVNode()
resolveComponent()
resolveDirective()
withDirectives()
withModifiers()
Server-Side Rendering
renderToString()
renderToNodeStream()
pipeToNodeWritable()
renderToWebStream()
pipeToWebWritable()
renderToSimpleStream()
useSSRContext()
TypeScript Utility Types
PropType<T>
ComponentCustomProperties
ComponentCustomOptions
ComponentCustomProps
CSSProperties
Custom Renderer
createRenderer()
API Referenceが読み込まれました