File tree 1 file changed +4
-4
lines changed
1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change 1
1
# Vue 2 での変更検出の注意事項
2
2
3
- > このページは Vue 2.x 以下にのみ適用され、すでに[ リアクティブの探求] ( reactivity.md ) を読んでいることが前提です。最初にそのセクションを読んでください。
3
+ > このページは Vue 2.x 以下にのみ適用され、すでに [ リアクティブの探求] ( reactivity.md ) を読んでいることが前提です。最初にそのセクションを読んでください。
4
4
5
5
JavaScript の制限のため、Vue は、** 検出することができない** 変更のタイプがあります。しかし、それらを回避しリアクティビティを維持する方法はあります。
6
6
@@ -84,7 +84,7 @@ vm.items.splice(newLength)
84
84
85
85
## リアクティブプロパティの宣言
86
86
87
- Vue では新しいルートレベルのリアクティブなプロパティを動的に追加することはできないため、インスタンスの初期化時に前もって全てのルートレベルのリアクティブな data プロパティを宣言する必要があります。空の値でもかまいません:
87
+ Vue では新しいルートレベルのリアクティブなプロパティを動的に追加することはできないため、コンポーネントインスタンスの初期化時に前もって全てのルートレベルのリアクティブな data プロパティを宣言する必要があります。空の値でもかまいません:
88
88
89
89
``` js
90
90
var vm = new Vue ({
@@ -100,7 +100,7 @@ vm.message = 'Hello!'
100
100
101
101
data オプションで ` message ` を宣言していないと、Vue は render 関数が存在しないプロパティにアクセスしようとしていることを警告します。
102
102
103
- この制限の背後には技術的な理由があります。それは依存性追跡システムにおける一連のエッジケースを排除し、また Vue インスタンスと型チェックシステムとの親和性を高めます 。しかしコードの保守性の観点からも重要な事項があります: ` data ` オブジェクトはコンポーネントの状態のスキーマのようなものです。前もって全てのリアクティブなプロパティを宣言しておくと、後から見直したり別の開発者が読んだりしたときにコンポーネントのコードを簡単に理解することができます。
103
+ この制限の背後には技術的な理由があります。それは依存性追跡システムにおける一連のエッジケースを排除し、また コンポーネントインスタンスと型チェックシステムとの親和性を高めます 。しかしコードの保守性の観点からも重要な事項があります: ` data ` オブジェクトはコンポーネントの状態のスキーマのようなものです。前もって全てのリアクティブなプロパティを宣言しておくと、後から見直したり別の開発者が読んだりしたときにコンポーネントのコードを簡単に理解することができます。
104
104
105
105
## 非同期更新キュー
106
106
@@ -126,7 +126,7 @@ Vue.nextTick(function() {
126
126
})
127
127
```
128
128
129
- ` vm.$nextTick() ` というインスタンスメソッドもあります。これは、グローバルな Vue を必要とせず、コールバックの ` this ` コンテキストが自動的に現在の Vue インスタンスに束縛されるため 、コンポーネント内で特に役立ちます:
129
+ ` vm.$nextTick() ` というインスタンスメソッドもあります。これは、グローバルな ` Vue ` を必要とせず、コールバックの ` this ` コンテキストが自動的に現在のコンポーネントインスタンスに束縛されるため 、コンポーネント内で特に役立ちます:
130
130
131
131
``` js
132
132
Vue .component (' example' , {
You can’t perform that action at this time.
0 commit comments