問題タブ [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.
vue.js - Vue.js 3 Composition API で、スクリプト ロジックでリアクティブ値を変更し、DOM を更新する方法は?
文字列のリストを循環し、見出しのテキストを値に置き換える単純なコンポーネント (SFC) を作成しています。
構造とデザインが好きなので、すべてのコンポーネントに合成 API を使用する予定です。
コンポーネントを正しく作成したと思っていましたが、DOM で自動更新されません。
ログは値の更新を正しく示していますが、setup() が最初に呼び出された後、値は変更されません。
コンポジション API スタイル (DOM を更新しません):
コード ロジックを間違えたのではないかと思ったので、Options API を使用して同じコンポーネントを作成したところ、すぐに機能しました。
オプション API スタイル (動作):
Vue の新しいコンポジション API でこの機能を複製するにはどうすればよいですか?
textコードで変更して反応性を維持できるようにするには、何をする必要がありますか? これを単に使用ref(text)して返すだけでは、これは行われないようです。