hylls-CSDN博客

原创 axios中的拦截器

axios拦截器1.比如config中的一些信息不符合服务器的要求需要拦截然后修改某种属性2.比如每次发送网络请求,希望界面显示一个请求图标,等到请求结束之后,图标再小时3.某些网络请求(比如登录), 必须携带一些信息请求拦截const instance1 = axios.create({ baseURL: '', timeout: 5000 })in...

2020-02-27 21:26:44 126

原创 axios的实例和模块封装

普通的请求axios({ url: '', // method: 'post'}).then(res => { console.log(res);})axios.defaults.baseURL = "";axios.defaults.timeout = 2000axios.all([axios({ url: '/home'}), axios({ url:...

2020-02-27 20:35:36 317

原创 vuex(三)

vuex中的actions官方建议actions用来处理异步操作实际如下<button @click="updataInfo">修改就完事了</button>methods: { updataInfo() { this.$store.dispatch('updataInfo') }}actions: { updataInfo(cont...

2020-02-27 15:35:07 146

原创 vuex(二)

vuex中的getters <h2>{{$store.getters.mul}}</h2> //1000000 <h2>{{$store.getters.getInfo}}</h2> //[ { "name": "刘德华", "age": 10 }, { "name": "张学友", "age": 11 } ] <h2>...

2020-02-27 14:48:22 80

原创 vuex(一)

VuexVuex是专门为Vue.js应用程序开发的状态管理模式简单看成把许多组件需要的变量存储到一个对象里-------全局单例模式首先要安装vuexnpm install vuex --saveimport Vue from 'vue';import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ ...

2020-02-27 13:28:19 98

原创 Promise的使用

Promise是用来处理异步的一种方案具体代码如下new Promise((resolve, reject) => { setTimeout(() => { resolve(); },2000) }).then(() => { console.log('我是then里面的settimeout'); ret...

2020-02-27 11:07:35 100

原创 vue-router中的组件怎么传递参数

第一种方法params { path: '/user/:userid', component: User },<template> <div> <h2>{{userid}}</h2> // <h3>{{this.$route.params}}</h3> <...

2020-02-26 15:20:38 923

原创 vue-router的懒加载

官方的解释1.当打包构建应用时, javascript包会变得非常大,影响页面加载2. 如果我们能把不同的路由分割成不同的代码块, 当路由被访问的时候再加载对应的组块,就会变得高效了原来的代码import Vue from 'vue'import Router from 'vue-router'import Home form '../components/Home.vue'impo...

2020-02-26 14:21:15 83

原创用vuecli创建中有runtime-compiler和runtime-only 的区别

两者的src文件下的main.js不同runtime-compiler的main.jsimport Vue from 'vue'import App from './App'Vue.config.productionTip = falsenew Vue({ el: '#app', components: { App }, template: '<App/>'...

2020-02-26 11:34:21 1082

原创 webpack的plugin

pluginwebpack的plugin 有自身携带的plugin添加版权的bannerconst webpack = require('webpack');module.exports = { plugins: [ new webpack.BannerPlugin('最终版权归xxx所有') ]}然后npm run build想要把index.html打包进di...

2020-02-25 23:07:14 194

原创关于webpack和grunt/gulp的对比和使用 webpack3.6.0

为什么需要局部安装因为每个项目的webpack可能版本不同,如果用全局的webpack 命令就不会统一,所以需要局部的webpack 然后根据其中的package.json来打包成一个js文件//这种需要依赖node 要npm init初始化然后把package.json 弄出来//package-lock.json (npm包管理的文件)可以通过 npm install 出来c...

2020-02-25 20:09:59 310

hylls的博客