From dbde97eb854fa319515edf9aa6f3e2fe05406253 Mon Sep 17 00:00:00 2001 From: Naoki Endoh Date: Sat, 8 May 2021 18:54:28 +0900 Subject: [PATCH] docs: reword Vue instance/application parameters mentions https://github.com/vuejs/docs-next/commit/3f66e8021745ccab7663e30f185e5650fe7aa307#diff-0054694e818bc2b672e6b4a48c5df72dc59c2f8dbe2c81c885d85e6e65ae1756 --- src/guide/change-detection.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/guide/change-detection.md b/src/guide/change-detection.md index a7ff0345..48dca3fa 100644 --- a/src/guide/change-detection.md +++ b/src/guide/change-detection.md @@ -1,6 +1,6 @@ # Vue 2 での変更検出の注意事項 -> このページは Vue 2.x 以下にのみ適用され、すでに[リアクティブの探求](reactivity.md)を読んでいることが前提です。最初にそのセクションを読んでください。 +> このページは Vue 2.x 以下にのみ適用され、すでに [リアクティブの探求](reactivity.md) を読んでいることが前提です。最初にそのセクションを読んでください。 JavaScript の制限のため、Vue は、**検出することができない**変更のタイプがあります。しかし、それらを回避しリアクティビティを維持する方法はあります。 @@ -84,7 +84,7 @@ vm.items.splice(newLength) ## リアクティブプロパティの宣言 -Vue では新しいルートレベルのリアクティブなプロパティを動的に追加することはできないため、インスタンスの初期化時に前もって全てのルートレベルのリアクティブな data プロパティを宣言する必要があります。空の値でもかまいません: +Vue では新しいルートレベルのリアクティブなプロパティを動的に追加することはできないため、コンポーネントインスタンスの初期化時に前もって全てのルートレベルのリアクティブな data プロパティを宣言する必要があります。空の値でもかまいません: ```js var vm = new Vue({ @@ -100,7 +100,7 @@ vm.message = 'Hello!' data オプションで `message` を宣言していないと、Vue は render 関数が存在しないプロパティにアクセスしようとしていることを警告します。 -この制限の背後には技術的な理由があります。それは依存性追跡システムにおける一連のエッジケースを排除し、また Vue インスタンスと型チェックシステムとの親和性を高めます。しかしコードの保守性の観点からも重要な事項があります: `data` オブジェクトはコンポーネントの状態のスキーマのようなものです。前もって全てのリアクティブなプロパティを宣言しておくと、後から見直したり別の開発者が読んだりしたときにコンポーネントのコードを簡単に理解することができます。 +この制限の背後には技術的な理由があります。それは依存性追跡システムにおける一連のエッジケースを排除し、また コンポーネントインスタンスと型チェックシステムとの親和性を高めます。しかしコードの保守性の観点からも重要な事項があります: `data` オブジェクトはコンポーネントの状態のスキーマのようなものです。前もって全てのリアクティブなプロパティを宣言しておくと、後から見直したり別の開発者が読んだりしたときにコンポーネントのコードを簡単に理解することができます。 ## 非同期更新キュー @@ -126,7 +126,7 @@ Vue.nextTick(function() { }) ``` -`vm.$nextTick()` というインスタンスメソッドもあります。これは、グローバルな Vue を必要とせず、コールバックの `this` コンテキストが自動的に現在の Vue インスタンスに束縛されるため、コンポーネント内で特に役立ちます: +`vm.$nextTick()` というインスタンスメソッドもあります。これは、グローバルな `Vue` を必要とせず、コールバックの `this` コンテキストが自動的に現在のコンポーネントインスタンスに束縛されるため、コンポーネント内で特に役立ちます: ```js Vue.component('example', {