2018年06月_Servenity

转载 Promise 的基础用法

Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通常是一个异步操作）的结果。从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise ...

2018-06-21 10:36:59 183

Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。子组件部分：这是 header.vue 的 HTML 部分，logo 是在 data 中定义的变量。如果需要从父组件获取 logo 的值，就需要使用 props: ['logo']在 props...

2018-06-21 10:08:33 288

原创 vue-router vue-x 实现状态改变拦截路由

一丶首先在用户登录前后分别给出一个状态来标识此用户是否登录（建议用vuex）；import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);var state = { token:0, //初始时候给一个 token=0 表示用户未登录};const mutations = { change(state,data){ ...

2018-06-07 14:00:51 1809

原创 vue Router 路由守卫之beforeEach

你可以使用 router.beforeEach 注册一个全局前置守卫：const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。每个守卫方法接...

2018-06-07 11:48:39 21271

转载 js如何准确获取当前页面url网址信息

1、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;alert(test);返回：http://i.cnblogs.com/EditPosts.aspx?opt=12、window.location.protocol(设置或获取 URL 的协议部分)var test = window.location.pr...

2018-06-06 21:31:52 503

原创 Axios对HTTP拦截的基本使用

该项目是本人使用vue.js 配置中判断http登录后才能访问进行的拦截操作 axios.interceptors.response.use( //添加一个拦截器的请求 response => { //在发出请求的时候拦截http请求的数据进行判断 if...

2018-06-06 21:21:50 1263

转载 Axios

一、安装1、利用npm安装npm install axios --save2、利用bower安装bower install axios --save3、直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、发送一个GET请求//通过给定的ID来发送请求axi...

2018-06-06 21:09:48 633

Servenity