艺海无涯,学无止境。欢迎一起探讨技术和人生,了解我

vuejs 组件的使用,组件数据数据来源于服务器

 

异步组件

 Vue.component('tagName', function (resolve, reject) {
        setTimeout(function () {
        resolve({
            template: '<div>{{msg}}</div>',
            data: function () {//此处的data需要在function里面进行返回,不能够直接{msg:'test'}写死来替代function,写死无效,其中data可以从服务器同步获取
                var d={msg:'test'};
                $.ajax({
                    url: 'urlpath',
                    async: false,
                    dataType: 'json',
                    success: function (data) {
                       d = data;
                    }
                });
                return d
            }
        });
        }, 1000);
    });

同步组件

Vue.component('tagName', Vue.extend({
        template: '<div>{{msg}}</div>',
        data: function () {//此处的data需要在function里面进行返回,不能够直接{msg:'test'}写死来替代function,写死无效,其中data可以从服务器同步获取
            var d;
            $.ajax({
                url: 'url',
                async: false,
                dataType: 'json',
                success: function (data) {
                    d = data;
                }
            });
            return d
        }
    }));