問題タブ [vue-composition-api]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - テンプレートまたはウォッチャーから呼び出すと、このスコープが変更されるのはなぜですか?
すべてのコードを含む私の以前の質問に関して、なぜこれがうまくいくのか疑問に思っています:
しかし、これはしません:
ウォッチャーが呼び出されると変数$qがundefinedになりますが、同じ関数がテンプレートから呼び出される場合はそうではありません。関数が呼び出されるthis方法でスコープが変更されているようです。setMiniState
回避策 1
setMiniState引数widthが利用可能かどうか関数をチェックインします。
回避策 2
常に引数stateを送信:width
私はJavaScriptが初めてで、何が起こっているのか理解しようとしています。このような状況に対処するための最善の方法について、ご協力やご提案をいただきありがとうございます。
javascript - VUE 2 Composition API を使用して npm パッケージを適切にセットアップするには?
呼び出しているコンポーネントを使用するnpmパッケージがありますinject:
lib package.json で@vue/composition-api、開発者とピアの依存関係として設定しました。
私のメイン プロジェクト (ライブラリではない) では、Composition API を登録し、次のように提供を使用しています。
ハブは単純なオブジェクトです:
しかし、私は得ています
Error in data(): "Error: [vue-composition-api] "inject" get called outside of "setup()""
この問題を示す小さなデモも用意しました: https://github.com/JiProchazka/composition-api-test
何か案は？
ありがとう