2018年04月_wandoumm

转载 Vue2.0 之vue-resource 模拟服务端返回本地json数据

1.在webpack.dev.conf.js文件开头的一堆const后添加:// 增加expressconst express = require('express')const app = express()//加载本地数据文件var appData = require('../goods.json') //获取json对象var goods = appData.goods //获...

2018-04-27 14:17:53 285 1

原创 unshift() 与shift() 方法

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。<script type="text/javascript">var arr = new Array()arr[0] = "George"arr[1] = "John"arr[2] = "Thomas"document.write(arr + "<br />")do

2018-04-27 13:30:22 27033

vue官网地址:https://cn.vuejs.orgvuex:vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/Elem...

2018-04-27 12:22:44 403

转载 Vue2.0+组件库总结

UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuet...

2018-04-27 12:21:18 266

转载 Node.js配置

Node.js配置经常看见npm这个命令，其实就是随同Node.js一起安装的包管理工具，和Python的pip命令差不多，动态语言在这方面的机制都大同小异当我们完成一个react项目之后，可以直接在react项目的根目录使用npm命令安装部署react.部署过程出现:npm WARN deprecated babel-preset-es2015@6.24.1: Thanks for usin...

2018-04-27 11:58:18 494

转载 axios的使用例子

// http.js //配置axiosimport axios from 'axios'import store from './store/store'import * as types from './store/types'import router from './router'// axios 配置axios.defaults.timeout = 5000;axios.d...

2018-04-27 10:46:54 2069

转载 axios拦截设置和错误处理

/** * @file Axios的Vue插件（添加全局请求/响应拦截器） */// https://github.com/mzabriskie/axiosimport axios from 'axios'// 拦截request,设置全局请求为ajax请求axios.interceptors.request.use((config) => { config.headers['X-Requ...

2018-04-26 22:16:00 4344

转载项目中使用axios的方式

一般会将所有的ajax请求放在一个模块中，新建一个http.js//http.js//设置请求baseURLaxios.defaults.baseURL = '/api'//设置默认请求头axios.defaults.headers = {"Content-Type": "application/x-www-form-urlencoded"}// 发送请求前处理request的数...

2018-04-26 21:54:53 1249

转载使用axios的心得

1.带cookie请求 axios默认是请求的时候不会带上cookie的，需要通过设置withCredentials: true来解决。2.使post请求发送的是formdata格式数据首先必须设置请求头//可以通过这种方式给axios设置的默认请求头axios.defaults.headers = {"Content-Type": "application/x-www-form-urlen...

2018-04-26 21:51:19 387

转载 axios在vue中的简单配置与使用

一、axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF三、vue中axios的配置import axios from '...

2018-04-26 21:47:13 449

转载前端实现登录拦截

登录及拦截、登出、token失效的拦截及对应 axios 拦截器的使用。准备你需要先生成自己的 Github Personal Token（生成Token）。Token 生成后访问 Demo，即可查看你的Repository List。项目结构.├── README.md├── dist // 打包构建后的文件夹│ ├── build.js│ └── build.js.map...

2018-04-26 21:35:15 1716

转载 axios 安装

npm install axiosimport axios from 'axios';import Qs from 'qs'这里可以使用开头引入的Qs（这个模块在安装axios的时候就已经安装了，不需要另外安装）全局 axios 默认配置axios.defaults.baseURL = 'https://api.example.com';axios.defaults.headers.common...

2018-04-26 19:30:32 577

转载代码参数里的 payload 究竟是什么意思

所以抽象一下，payload 可以理解为一系列信息中最为关键的信息。回到代码中，举一个最简单的例子，一个 ajax 请求返回一个 JSON 格式的对象12345678{ status: 200, hasError: false, data: { userId: 1, name: 'undefined' }}这里的 ...

2018-04-26 18:19:01 7023

转载 localStorage

sessionStorage与localStorageWeb Storage实际上由两部分组成：sessionStorage与localStorage。sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。localStora...

2018-04-26 18:10:54 140

转载 vuex核心概念

1. statestate就是全局的状态（数据源），我们可以用以下方式在Vue 组件中获得Vuex的state状态template <div> {{ $store.state.count }} </div>scriptconsole.log(this.$store.state.count)2. gettersgetters其实可以认为是 store 的计算属性...

2018-04-25 13:53:41 218

转载 vuex 二

二、安装&配置1. 安装vuex使用npm安装并保存到package.json中：npm install vuex --savepackage.json "devDependencies": { ... "vuex": "^2.1.1", ... },2. 配置配置方式和路由的配置方式差不多import Vue from 'vue'import Vuex f...

2018-04-25 13:33:01 146

转载 vuex学习使用(一)

使用Vuex安装:npm install --save vuex//store为实例化生成的//main.jsimport store from './store'new Vue({ el: '#app', store, render: h => h(App)})//store.jsimport Vuex from 'vuex'import Vue from 'vue'Vue.u...

2018-04-25 13:26:13 142

转载 vue-router安装使用(一)

npm install vue-routerimport Vue from 'vue'import Router from 'vue-router'import Main from '@/pages/main.vue'export default new Router({linkActiveClass: 'active', mode: 'history', base: __dirname...

2018-04-24 19:09:43 183

wandoumm的博客