javascript - masalah pemindahan data vue
迷茫
迷茫 2017-05-19 10:45:06
0
3
583

halaman app.vue

b halaman

Saya mahu halaman b mencetuskan acara tersuai app.vue,

Tetapi ia mengatakan bas tidak ditakrifkan Saya ingin tahu bagaimana untuk memperkenalkannya?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

membalas semua(3)
滿天的星座

bas Letakkan dan letakkan di tempat tertentu.

1 Buat bas.js

.
// bus.js
import Vue from 'vue';  
export default new Vue(); 

2.

import Bus from 'bus';  

export default {
    created() {  
        Bus.$on('getData', target => {  
            console.log(target);  
        });  
    }  
}
3 Panggil

.

import Bus from 'bus';  

export default{
    methods: {  
       but(event) {  
           Bus.$emit('getData', event.target);   
       }  
    }  
}
Ty80

Walaupun pendekatan ini tidak sangat disyorkan, anda boleh:

window.bus = new Vue();

Anda tidak boleh mengakses bas kerana bas ialah pembolehubah tempatan. . .


Ditambah:

Jika anda tidak menggunakan bas acara global, anda boleh menggunakan kaedah pemalam: vue-bus

Selain itu, jika anda ingin berkongsi data ini antara berbilang komponen, gunakan Vuex

仅有的幸福

Masukkan sahaja dalam data
Belum jelas lagi, lihat di sini

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan