随笔分类 - Vue
记录Vuejs学习
    
            
    nuxtjs中使用axios
    
            
            
        
摘要:最近使用nuxtjs服务端渲染框架,在异步请求时遇到两个问题,一是怎么使用axios, 二是怎么在asyncData方法中使用axios 当使用脚手架create nuxt-app创建项目时,会提示是否集成axios, 如果不选择,后面则使用方式一请求异步数据,如果选择,后面则使用方式二请求异步数据
        阅读全文
            
        
            
    Vue项目中跨域的几种方式
    
            
            
        
摘要:经常使用vue + webpack搭建项目,但在请求某些json数据时存在跨域问题,此时有几种修改方法 1. 修改后台header, 但如果只是请求外部数据,是没法修改后台配置的 2. 修改webpack配置 , 这是使用webpack选项devServer的代理功能 proxy 注意:如果不设置p
        阅读全文
            
        
            
    从0开始搭建vue+webpack脚手架(四)
    
            
            
        
摘要:之前1-3部分是webpack最基本的配置, 接下来会把项目结构和配置文件重新设计,可以扩充更多的功能模块。 一、重构webpack的配置项 1. 新建目录build,存放webpack不同的配置文件 (1) webpack.config.base.js 【保留公共的配置项,将生产环境和开发环境使用
        阅读全文
            
        
            
    从0开始搭建vue+webpack脚手架(三)
    
            
            
        
摘要:在从0开始搭建vue+webpack脚手架(二)中已经基本完成了开发环境的配置。当开发完成后,我们需要将完成的项目进行打包,接下来对打包做一些优化: 运行 $ npm run build 可生成dist目录 可以看到 01.jpg被存放在 images目录下, 并且后面生成一串不固定的字符串, 这是
        阅读全文
            
        
            
    从0开始搭建vue+webpack脚手架(二)
    
            
            
        
摘要:接着从0开始搭建vue+webpack脚手架(一) 三、配置webpack-dev-server 1. webpack-dev-server自带一个node的服务器, 项目在服务端运行的同时可以实现热更新加载 2. 安装兼容环境变量的包 cross-env (1)原因: 构建项目时分生产环境和开发环
        阅读全文
            
        
            
    从0开始搭建vue+webpack脚手架(一)
    
            
            
        
摘要:基于多数情况下都是使用vue-cli初始化项目, 却始终未去了解其原理。从零开始搭建,可以让自己更深层次的理解框架。 首先从最基本的npm 开始, 至于安装npm 和 node就不用再赘述了,那是前端自动化开发最基本的能力。 一、初始化 1 新建项目目录, 生成package.json并创建项目基本
        阅读全文
            
        
            
    Vue+webpack项目中实现跨域的http请求
    
            
            
        
摘要:目前Vue项目中对json数据的请求一般使用两个插件vue-resource和axios, 但vue-resource已经不再维护, 而axios是官方推荐的且npm下载量已经170多万,github的Star已经接近4.5万, 再看看vue-resource 但是作为学习笔记,在学习axios的同
        阅读全文
            
        
            
    Vuejs核心思想学习笔记
    
            
    
摘要:习Vue已经有一段时间了,但未对其核心思想作自己的总结和理解 Vue核心思想有两个 : 数据驱动和组件化(系统组件) 数据驱动 数据驱动目的是让数据和DOM保持同步, 只要修改了data数据,DOM就会做相应的改变。Vue已经将这一逻辑封装好人工无需手动去操作DOM, Vue的数据驱动是利用了Obj
        阅读全文
            
        
 
                     
                    
                 
                    
                 
 浙公网安备 33010602011771号
浙公网安备 33010602011771号