emitの検索結果1 - 10 件 / 10件

• あとで読む

  [Vue3/TypeScript対応] emitで理解するVue.jsの本質

  • 42 users
  • zenn.dev/rio_dev
  • テクノロジー
  • 2023/01/06

  この記事は？ 著者はReactを軸に開発をおこなってきたが、仕事の関係でVueをやることになって「emit」周りの理解が難しく、調べてもなかなかわかりづらかったので改めて記事にすることにした。 対象読者 ・Vueのemitを使う理由がわからない人 ・Vue3•TSでのemitを使い方を知りたい人 Vueの基礎(復習) この記事では以下のようなことがわかることは前提にしています。 ・ref/reactive 値が監視され、変更が検知される状態のことをリアクティブといい、refはプリミティブな値をリアクティブにし、reactiveはObjectの値をリアクティブした変数を作る。 ・props Vueでは親から個コンポーネントにpropsを経由して情報を渡す。 ・v-model Vueではデータの変更とViewが同期する双方向バインディングを提供しており、v-modelを使って変数と入力フォーム

  • Vue.js
  • typescript
  • あとで読む
  • javascript

  
• あとで読む

  Vue.js $emit 使わないで props で method 渡したほうが良くない？ - ROXX開発者ブログ

  • 13 users
  • techblog.roxx.co.jp
  • テクノロジー
  • 2020/09/20

  これは、個人ブログ からの転用です ROXXに入って学んだことの1つです。 概要 Vue.js で 親コンポーネントの method 実行させたい場合、$emit 使ってイベントを発火させるより、 props に method をコールバックとして登録しておいて実行させたほうが以下のメリット上げられるので「こっちのほうが良くね？」って話です props の成約をつけられる(requird, etc) $emit の文字列を管理しなくていい IDEで補完が効く 実際のコード ボタン押したらカウントアップしていくようなやつ 呼び出し側の親コンポーネント <template> <div> <div>{{ count }}</div> <child :handle-add-number="addCount" @addNumber="addCount" /> </div> </template> <

  • vue.js
  • Vue
  • あとで読む

  
• あとで読む

  【Vue.js】【図解】emit、propsを使ったコンポーネント間のデータのやり取り | orizuru

  • 7 users
  • orizuru.io
  • テクノロジー
  • 2019/10/28

  こんにちは。JJです。 久しぶりの投稿になります。 今回はVue.jsにおけるコンポーネント間のデータのやり取りについて紹介していきます。 はじめに Vue.jsを利用したフロントエンドの開発を進めていく中で、複雑な機能であったり、反復性を有する機能の開発を行う際、1つのVueコンポーネントで実装するよりも機能の単位、粒度に応じて複数のコンポーネントに分解して実装すると思います。後者の方が、経験上、ソースコードの可読性やメンテナンス性、さらにVue.jsの特徴の一つであるコンポーネントの再利用性も生かすことができるので、大変便利です。 しかしながらこの場合、複数のコンポーネント間でのデータのやり取りというものが必要不可欠になります。開発経験の浅い方の場合、その扱いに最初は悩むことでしょう。 そこで今回は簡単な実装例も交えつつ、Vue.jsの重要な機能の1つである「props」と「emit」

  • VueJS
  • vue
  • reference
  • javascript

  
• あとで読む

  router-linkしたコンポーネントからemitされたイベントを受信したい - 料理とソフトウェアは似ている

  • 6 users
  • commis.hatenablog.com
  • テクノロジー
  • 2019/08/22

  目的 router-link元のコンポーネントに共通処理を作成しておいて、router-linkしたコンポーネントから、emitで呼び出せるようにしたい。 環境 vue 2.4.3 vue-router 3.0.1 結論 router-viewにイベントをアタッチ(v-on)すればOK。 例 router-link元のコンポーネント router-viewにalertイベントをアタッチする。 // root.vue <template> <div id="root"> <h1>Root</h1> <template v-for="route in routes"> <router-link :to="route.path" v-text="route.path"></router-link> </template> <router-view @alert="alert"></router-

  

emitの関連エントリー

• 

  PTAで「パソコン使えないですスマホなら」というママの多さに戸惑う人に対して「これ逆で、パソコン使える世代ってほとんど30代後半～40代だけ」という声

  264 users
• 

  AI を活用したソフトウェア開発のための個人的ガイド - Sun wood AI labs.2

  101 users
• 

  Google、データセンターの排熱を暖房として無料提供

  47 users
• 

  Xのエンジニア、「いいね」タブを全ユーザーで非表示にするとポスト

  64 users
• 

  すべてのコードやライブラリ自体が技術的負債である / 高利率な技術と低利率な技術 - Lambdaカクテル

  115 users
• 

  オブザーバビリティ研修実践編

  214 users
• 

  メルカリ、価格設定に悩む必要がない「価格なし出品」開始

  76 users
• 

  「エクスプローラー」に「Git」を統合 ～アプリ開発者のためのWindowsシェル改善／ファイル右クリックメニューからのTAR/7z圧縮、「Sudo for Windows」なども

  41 users
• 

  【大原雄介の半導体業界こぼれ話】 「Zilog Z80」の生産終了と、Intel Baseline Profile登場について思うこと

  40 users
• 

  中国が「習近平思想」に基づいて訓練されたAIモデルを開発

  24 users
• あとで読む

  【vue.js】コンポーネント間のメソッドの呼び出し｜親から子（ref）、子から親（emit） – カツオ ＠FirebaseとVue.jsとNode.jsでWebサービス開発中

  • 4 users
  • salary.katsulabo.com
  • テクノロジー
  • 2019/09/03

  Vue.jsで別コンポーネントに定義しているメソッドの呼び出し方についてメモしておきたいと思います。別コンポーネントの呼び出しは大きく2つ存在します。 親から子（ref） 子から親（emit） 最初にサンプルの動作イメージです。 親が子どもに小遣いをあげる。（親から子に金額を渡します：ref） 子が親の財布からお金を盗る笑。（子から親に金額を渡します：emit） ①親から子のコンポーネントの呼び出し（ref） 属性を渡すだけでしたらpropsが使えるのですが、子のコンポーネントに記述のあるメソッドを呼び出す場合はrefがとても便利です。親からすると、自分のコンポーネントに記載があるメソッドと同じような記述で子のコンポーネントを呼び出すことができます。 親コンポーネント「parent」 <template> <div> <h2>親</h2> <p><button @click="callCh

  
• あとで読む

  【vue.js】コンポーネント間のメソッドの呼び出し｜親から子（ref）、子から親（emit） – カツオ ＠FirebaseとVue.jsとNode.jsでWebサービス開発中

  • 4 users
  • salary.katsulabo.com
  • テクノロジー
  • 2019/05/27

  Vue.jsで別コンポーネントに定義しているメソッドの呼び出し方についてメモしておきたいと思います。別コンポーネントの呼び出しは大きく2つ存在します。 親から子（ref） 子から親（emit） 最初にサンプルの動作イメージです。 親が子どもに小遣いをあげる。（親から子に金額を渡します：ref） 子が親の財布からお金を盗る笑。（子から親に金額を渡します：emit） ①親から子のコンポーネントの呼び出し（ref） 属性を渡すだけでしたらpropsが使えるのですが、子のコンポーネントに記述のあるメソッドを呼び出す場合はrefがとても便利です。親からすると、自分のコンポーネントに記載があるメソッドと同じような記述で子のコンポーネントを呼び出すことができます。 親コンポーネント「parent」 <template> <div> <h2>親</h2> <p><button @click="callCh

  • vue
  • reference

  
• あとで読む

  【Vue.js】【図解】emit、propsを使ったコンポーネント間のデータのやり取り | CCT blog

  • 4 users
  • blog2.cct-inc.co.jp
  • テクノロジー
  • 2020/06/27

  こんにちは。JJです。 久しぶりの投稿になります。 今回はVue.jsにおけるコンポーネント間のデータのやり取りについて紹介していきます。 はじめに Vue.jsを利用したフロントエンドの開発を進めていく中で、複雑な機能であったり、反復性を有する機能の開発を行う際、1つのVueコンポーネントで実装するよりも機能の単位、粒度に応じて複数のコンポーネントに分解して実装すると思います。後者の方が、経験上、ソースコードの可読性やメンテナンス性、さらにVue.jsの特徴の一つであるコンポーネントの再利用性も生かすことができるので、大変便利です。 しかしながらこの場合、複数のコンポーネント間でのデータのやり取りというものが必要不可欠になります。開発経験の浅い方の場合、その扱いに最初は悩むことでしょう。 そこで今回は簡単な実装例も交えつつ、Vue.jsの重要な機能の1つである「props」と「emit」

  
• あとで読む

  Dual ESM/CJS emit with tsc · Issue #54593 · microsoft/TypeScript

  • 4 users
  • github.com/microsoft
  • テクノロジー
  • 2023/08/23

  #54546 explored one approach of enabling dual ESM/CJS emit for packages with tsc alone. The idea was that instead of determining the module format of .ts files by looking for package.json files in its ancestor directories, we would look for them starting at the directory where that file’s .js output would be emitted (a subdirectory of outDir). That way, two tsconfig files could point to two differ

  • issue
  • TypeScript

  
• あとで読む

  GitHub - FairwindsOps/astro: [alpha] Emit Datadog monitors based on Kubernetes state.

  • 3 users
  • github.com/FairwindsOps
  • テクノロジー
  • 2020/01/24

  You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

  
• あとで読む

  propsと$emitでデータを引き渡す - Qiita

  • 3 users
  • qiita.com/d0ne1s
  • テクノロジー
  • 2020/10/15

  <template> <div> <p>{{ greet }}</p> </div> </template> <script> export default { props: { greet: { type: String, default: 'hogehoge' } } } </script> <template> <div> <h1>Hello from App.vue</h1> <Child greet='Hello with props'/> </div> </template> <script> import Child from './components/Child.vue' export default { components: { Child } } </script>

  • Vue.js
  • reference
  • event