weixin_41687718的博客

写在前面的话：在使用vue环境开发过程中使用axios请求数据接口已经成为了首选，也是vuejs官方推荐的一种方案。这篇文章主要从以下二个方面的实例简单介绍axios的使用，目的是让大家弄明白axios再vue框架下如何使用：一、直接调用（了解原理和相关设置）1、使用npm安装axios依赖cnpm install axios -S安装完成之后可以在依赖文件package.jason里...

项目需求：在我们的实际项目的开发中，经常会遇到一些可以重复利用的方法和组件，比如:我们在一个项目中可能会经常用到格式化时间的方法。这个时候就需要我们把这个方法封装起来，注册成一个全局的过滤器，在整个项目中都可以使用，这样既可以提高代码的使用效率，也便于我们后期进行管理。整体的思路（方法论）：1、将我的方法或者组件单独封装起来，放到一个统一的文件夹里。比如：common.2、封装好了方法用e...

vuex知识学习梳理一、在你的项目中安装Vuex 参考此文二、在项目里新建好相关的文件，如图三、在index文件中配置如下import Vue from 'vue'import Vuex from 'vuex'Vue.use(vuex)import detailPicPage from "./detailPic/detailPicPage"let store = new V...

业务背景1、 实现一个可以全页面可以拖拽的组件2、顺带介绍一下vue-draggable插件，可以实现多个组件之间的拖动展示一下效果图一、可拖拽组件的封装这个组件我是借用的vue的directive自定义指令的方式实现的，如果对vue的自定义指令还是不很熟悉的话可以先去官网了解一波，当然熟悉的童鞋也可以不用vue自定义指令来实现1、先新建一个dragable.js文件内容如下ex...

一、新建方法的js文件export default class ToGcj { constructor() { this.PI = 3.14159265358979324 } // GCJ-02 to WGS-84 gcj_decrypt(array) { const temp = array.map((item) => { if (this....

前言：在写全局组件的时候，我们会用到vue.component和vue.use。那他们到底有啥区别，和内在的联系呢。vue.use的源码实现上来先举个例子，我们经常在引用第三方插件的时候会看到再main.js文件中这样写：那么vue.use具体做了一些什么呢，我们翻开vue的源码一探究竟（源码文件）：import { toArray } from '../util/index'...