File tree Expand file tree Collapse file tree 1 file changed +1
-1
lines changed Expand file tree Collapse file tree 1 file changed +1
-1
lines changed Original file line number Diff line number Diff line change @@ -44,7 +44,7 @@ val1 = 3
44
44
プレーンな JavaScript オブジェクトを ` data ` オプションとしてアプリケーションまたはコンポーネントインスタンスに渡すと、Vue はそのすべてのプロパティを走査して、ゲッターとセッターのハンドラを使用しそれらを[ プロキシ] ( https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy ) に変換します。 これは ES6 のみの機能ですが、旧式の ` Object.defineProperty ` を使用した Vue 3 のバージョンを IE ブラウザをサポートするために提供しています。どちらも表面的には同じ API を提供しますが、プロキシバージョンの方がよりスリムで、パフォーマンスが改良されています。
45
45
46
46
<div class =" reactivecontent " >
47
- <common-codepen-snippet title =" Proxies and Vue's Reactivity Explained Visually " slug =" zYYzjBg " tab =" result " theme =" light " :height =" 500 " :team =" false " user =" sdras " name =" Sarah Drasner " :editable =" false " :preview =" false " />
47
+ <common-codepen-snippet title =" Proxies and Vue's Reactivity Explained Visually " slug =" VwmxZXJ " tab =" result " theme =" light " :height =" 500 " :team =" false " user =" sdras " name =" Sarah Drasner " :editable =" false " :preview =" false " />
48
48
</div >
49
49
50
50
この例はかなり素早いので、理解するには[ プロキシ] ( https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Proxy ) についての知識がある程度必要です!では、少し詳しく見ていきましょう。プロキシに関する文献はたくさんありますが、本当に知っておく必要があることは ** プロキシは別のオブジェクトまたは関数を包み、操作を差し込むこと(intercept)ができるオブジェクトだということです。**
You can’t perform that action at this time.
0 commit comments