Vue.js实战与资源加载-优快云博客

本文详细介绍Vue.js结合Vue-resource实现HTTP请求的方法，并提供实际应用案例。此外，还介绍了Webpack的基本概念及其配置方法，帮助读者更好地理解前端项目构建流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官网

Vuex　　　　

Vue-loader (类比css-loader，是webpack中用于处理.vue文件的)

vue-router

Element

博客

Vue-resource

　　http://www.jianshu.com/p/3ce2bd36596e(可以基于全局的Vue对象使用http，也可以基于某个Vue实例使用http。)

var demo = new Vue({    
    el: '#app',    
    data: {        
        show: false,        
        gridColumns: [
          {name: 'customerId', isKey: true },
          {name: 'companyName'}, 
          {name: 'contactName'}, 
          {name: 'phone'}
        ],        
        gridData: [],        
        apiUrl: 'http://211.149.193.19:8080/api/customers',        
        item: {}
    },        
    methods: {              
        getCustomers: function() {            
            var vm = this;

            vm.$http.get(vm.apiUrl)                
            .then((response) => {                    
                vm.$set('gridData', response.data)                
                })        
        }, 
    }
});

Vue爬坑之路

node vue

官网

博客

Vue-resource

WebPack

Vue-cli使用

vue-cli目录配置文件介绍

进阶