エディターは、Vue3のデータの関連する問題も共有します。次のような例を見てみましょう。 Vue.createApp({ テンプレート: `<div>{{ nameObj.name }}</div>`, 設定() { const { リアクティブ } = Vue const nameObj = reactive({name:'lilei',age:18}) タイムアウトを設定する(() => { nameObj.name = 'ハンメイメイ' },2000) 戻る { 名前オブジェクト } } }).mount('#root') この時点で、 Vue.createApp({ テンプレート: `<div>{{ name }}</div>`, 設定() { const { リアクティブ、toRefs } = Vue const nameObj = reactive({name:'lilei',age:18}) {名前} = nameObjとします タイムアウトを設定する(() => { name.value = 'ハンメイメイ' },2000) 戻る { 名前 } } }).mount('#root') 実際に操作してみると、ページ上のコンテンツが Vue.createApp({ テンプレート: `<div>{{ name }}</div>`, 設定() { const { リアクティブ、toRefs } = Vue const nameObj = reactive({name:'lilei',age:18}) { name } = toRefs(nameObj) とします。 タイムアウトを設定する(() => { name.value = 'ハンメイメイ' },2000) 戻る { 名前 } } }).mount('#root') 同様に、 Vue.createApp({ テンプレート: `<div>{{ age }}</div>`, 設定() { const { リアクティブ、toRef } = Vue const nameObj = リアクティブ({name:'lilei'}) age = toRef(nameObj,'age') とします。 タイムアウトを設定する(() => { age.value = 'ハンメイメイ' },2000) 戻る { 年 } } }).mount('#root') Vue3 の Refs と Ref の詳細に関するこの記事はこれで終わりです。Vue3 の Refs と Ref に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: フォームのチェックボックスとラジオボタンのテキストを揃えるコード
>>: Docker コンテナに TensorRT をインストールする際の問題
win7 64 ビットで mysql-5.7.5-m15-winx64 をインストールして構成する方...
需要背景チームには統合テストが必要であり、そのためには、mysql や rabbitmq などのミド...
サーバーの構築には node.js を選択しました。まだインストールしていない方は、私の他の nod...
目次目的実験環境実験原理実験手順1. 独立したCAを生成する2. サーバーの秘密鍵と署名要求ファイル...
1. はじめにSupervisor は Python で開発された汎用プロセス管理プログラムです。通...
コマンドを実行docker run -d --name consul -p 8500:8500 co...
1. Nginxの同時実行性を最適化する [root@proxy ~]# ab -n 2000 -c...
初期のコンピューターのほとんどは ASCII 文字しか使用できませんでしたが、その後、主要な西洋のア...
具体的な方法: 1. [ win+r ] を押して実行ウィンドウを開き、「regedit」と入力して...
Dockerコンテナのマウントディレクトリ情報のみを表示する docker 検査 --format ...
目次Vueライフサイクルの紹介とフック機能VUEライフサイクルフックVue ライフサイクルの紹介作成...
HTML を学ぶメリットは何ですか? 1: ウェブサイトやブログのウェブ構造を簡単に変更できます。...
目次要約する仕事の都合で Apple の Mac OS に対応するソフトウェアをインストールする必要...
JS には、文字列をインターセプトするための 3 つのメソッド、 slice() 、 substri...
Linux での動的ライブラリ ファイルのファイル名は libxxx.so のようになります。ここで...