javascript - Bagaimana berbilang komponen berkongsi data yang dikembalikan oleh ajax

Question

Dapatkan komponen bandar

city: {
        template: '#city_template',
        data: function () {
            return {
                cityData: cityData,//城市数据
                selectedOptions:[24,81],//被选中的城市
                list:[],
            }
        },
        mounted: function () {
                this.getCity()
        },
        methods: {
            getCity: function () {
                var self = this
                $.ajax({
                    url:'test.json',
                    success:function (res) {
                        self.$set(self.$data, 'cityData', res)
                    }
                })
            }
        }
    },

Sesuatu halaman mungkin mempunyai berbilang komponen sedemikian. Dalam kes ini, berbilang permintaan ajax akan dibuat. Sebenarnya, adakah terdapat cara untuk meminta data tak segerak sekali, dan kemudian menggunakan salinan yang sama untuk berbilang komponen tersebut ? Saya cuba mentakrifkan ajax secara luaran dan memberikannya kepada cityData, jadi data tidak boleh dikemas kini secara langsung

Answer 1

test.json ialah fail milik anda Anda boleh menukarnya kepada format fail .js, dan kemudian menukarnya secara langsung kepada pembolehubah:{} bukan? Yang modular juga boleh didapati.

Answer 2

Lihat komponen bandar anda, city.data().cityData ialah set hasil yang anda mahukan

Answer 3

1. Urus dengan Vuex

2. Kekalkan nilai ini pada komponen induk biasa, hantarkan kepada komponen anak melalui prop dan komponen anak memberitahu komponen induk ajax melalui $emit

Answer 4

Akhir sekali, kami menggunakan komponen tak segerak

Vue.component(ele,function (resolve, reject) {
                getCity().then(function (data) {
                    resolve(comInherit.extend(obj[ele]));
                }).catch(function (error) {
                    alert(error)
                })
            });

Answer 5

Untuk berkongsi data antara berbilang komponen, anda boleh menggunakan vuex atau menentukan sendiri yang global