खोज…


परिचय

इवेंट बसें उन घटकों के बीच संचार करने का एक उपयोगी तरीका है जो सीधे संबंधित नहीं हैं, अर्थात जिनके माता-पिता का कोई संबंध नहीं है।

यह सिर्फ एक खाली vue उदाहरण है, जिसका उपयोग $emit ईवेंट के लिए किया जा सकता है या उक्त घटनाओं $on सुन सकते हैं।

वाक्य - विन्यास

  1. डिफ़ॉल्ट नया Vue () निर्यात करें

टिप्पणियों

यदि आपके एप्लिकेशन में एक-दूसरे के डेटा की आवश्यकता वाले बहुत सारे घटक हैं, तो vuex का उपयोग करें।

eventBus

// setup an event bus, do it in a separate js file
var bus = new Vue()

// imagine a component where you require to pass on a data property
// or a computed property or a method!

Vue.component('card', {
  template: `<div class='card'>
    Name: 
      <div class='margin-5'>
          <input v-model='name'>
    </div>
    <div class='margin-5'>
      <button @click='submit'>Save</button>
    </div>
  </div>`,
  data() {
    return {
      name: null
    }
  },
  methods: {
    submit() {
      bus.$emit('name-set', this.name)
    }
  }
})

// In another component that requires the emitted data.
var data = {
  message: 'Hello Vue.js!'
}

var demo = new Vue({
  el: '#demo',
  data: data,
  created() {
    console.log(bus)
    bus.$on('name-set', (name) => {
      this.message = name
    })
  }
})


Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow