Vue.js
घटना बस
खोज…
परिचय
इवेंट बसें उन घटकों के बीच संचार करने का एक उपयोगी तरीका है जो सीधे संबंधित नहीं हैं, अर्थात जिनके माता-पिता का कोई संबंध नहीं है।
यह सिर्फ एक खाली vue
उदाहरण है, जिसका उपयोग $emit
ईवेंट के लिए किया जा सकता है या उक्त घटनाओं $on
सुन सकते हैं।
वाक्य - विन्यास
- डिफ़ॉल्ट नया 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