1. vue2 での従来の書き方// 親コンポーネントは 'foo' を提供します var プロバイダー = { データ(){ 戻る { foo: 'バー' } } 提供する: fooProvide: this.fooFn // 参照型関数を渡す}, 方法:{ fooFn() { this.foo を返す } } } var 子 = { 挿入: ['fooProvide'], 計算:{ fooComputed(){ return this.fooProvide() // 渡された関数は参照型なので} } 作成された(){ コンソールログ(this.fooComputed) } // ... } 2. vue2 での型破りな書き方ですが、使いやすいです。(使い方はおそらく同じですが、渡される値は this--> インスタンス全体になります)// 親コンポーネントは 'foo' を提供します var プロバイダー = { データ(){ 戻る { foo: 'バー', 他の:'...' } } 提供する: app: this // this 全体を過去として渡す}, マウントされた(){ const that = this タイムアウトを設定します(()=>{ that.foo = '値を変更' },4000) } } var 子 = { 挿入: ['app'], 作成された(){ console.log(this.app.foo) // this.app の下にあるものはすべて同じインスタンスへの参照であるため、応答します} // ... } 3. vue2 + ts (これまで ts を使用したことがない場合は、実際にどのように使用すればよいかわからないため、ここに例を示します)提供方法: 注入方法: 例: // 親コンポーネントは 'fooProvide' を提供します @Provide('fooProvide') // 好きな名前を付けて、受け取った値と同じ値を渡してください。ただし、通常は以下の変数と同じにしてください。 fooProvide = this.refreshNumFn // 変数は渡される値を受け取ります。 refreshNumFn() { this.refreshNumを返す } // 子コンポーネントは@Inject('fooProvide') fooProvide: anyを受け取ります 値A() を取得: 任意 { this.fooProvide() を返す } マウントされた(){ console.log(this.valueA) // ... } レスポンシブ性を実現するための vue2 の provide inject 実装に関するこの記事はこれで終わりです。vue2 provide inject の関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: mysql8.0 でユーザーを作成して権限を付与する際のエラーの解決方法の詳細な説明
>>: Dockerコンテナのインポートとエクスポートに関するチュートリアル
私はtengineを使用しています。インストールディレクトリは/usr/local/tengineで...
エラーの説明: 1. Linux (CentOS 7 64) システムに Nginx (1.18.0...
この記事では、カルーセルマップの効果を実現するためのBootstrapの具体的なコードを参考までに共...
Remax は、実行時に構文制限のないソリューションを採用した React を使用して小規模なプロ...
序文:この記事では主にMySQLのロングトランザクションに関する内容を紹介します。例えば、トランザク...
この記事は、4G メモリ システム用の MySQL 構成ファイル ソリューションです (主に Inn...
MySQL 認証コマンド grant の使用方法:この記事の例は MySQL 5.0 以降で実行され...
HTML コメント。コードの横に HTML コメントを付ける必要があることがよくあります。そうするこ...
目次1. ローカルストレージを構築する2. npmパッケージを作成し、プライベートリポジトリにアップ...
ブロガーはこう述べています。「私は『史上最も簡単な MySQL チュートリアル』という一連のブログ記...
<br />1年前、インターネット上にはinline-blockプロパティに関する記事は...
過去に別れを告げるvscode にリモート SSH が導入される前は、Linux サーバー開発者の多...
今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...
この記事では、画像ウォーターフォールフローを実現するためのJSの具体的なコードを参考までに共有します...
私はずっとキャッシュについて学びたいと思っていました。結局のところ、キャッシュはフロントエンドのパフ...