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