VUE
文章平均质量分 63
唐宋元明清.
0.0
展开
-
关于vue2.x使用axios以及http-proxy-middleware代理处理跨域的问题
axios现在以及是尤大大推荐使用的了,官方不在维护vue-reresource.由于是地第一次使用axios, 在使用过程中猜了很大的坑首先我们使用vue-cli创建的项目, 访问接口肯定是跨域了, 因为我们的本地服务默认的地址一般是localhost:8080 我们的服务器端肯定不是这个, 所以就形成跨域访问, axios不支持jsonp, 所以我们就要使用http-proxy-middle原创 2017-11-29 07:13:52 · 9206 阅读 · 4 评论 -
从头开始开发一个vue幻灯片组件
首先新建项目vue init webpack projectName 安装依赖包npm i这些就不说了 接下来就是构建我们的swiper组件因为我写的代码不规范, 通不过eslint的检测, 会频繁报警告, 所以不愿意看警告的可以打开\build\webpack.base.conf.js的32行到41行注释掉 接下来才开始正式的构建组件我直接把脚手架工具\src\components\Hell原创 2017-11-19 21:10:28 · 585 阅读 · 0 评论 -
vue-resource的使用
安装npm i vue-resource --save-dev引入import Vueresource from 'vue-resource'注册Vue.use(Vueresource)使用// 便捷方法this.$http.get({url:'api/index', headers:{Authorization:'Basic Yxsdlfjui'}}).them((data) =原创 2017-11-21 22:45:19 · 3111 阅读 · 0 评论 -
mock.js模拟假数据
mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>原创 2017-12-02 17:40:43 · 4233 阅读 · 0 评论 -
VUE开发项目遇到的一些问题(一)
遍历树形json数据var root = [{ name:'D盘', children:[{ name:'学习', children:[ { name:'电子书',原创 2018-01-03 22:00:29 · 1634 阅读 · 0 评论 -
VUE中使用lib-flexible
VUE中使用rem lib-flexible安装lib-flexiblenpm i lib-flexible --save在项目入口文件main.js中引入lib-flexibleimport 'lib-flexible/flexible.js'在项目根目录的index.html 头部加入手机端适配的meta的代码&lt;meta name="vie...原创 2018-03-28 17:08:55 · 17800 阅读 · 7 评论 -
原生js实现window.scrollTo()滚动动画
在vue项目中要使用到, 适用于滚动到顶部, 滚动到指定位置/** * 动画垂直滚动到页面指定位置 * @param { Number } currentY 当前位置 * @param { Number } targetY 目标位置 */function scrollAnimation(currentY, targetY) { // 获取当前位置方法 // co...原创 2018-06-22 10:58:03 · 29681 阅读 · 3 评论 -
vue开发中api接口地址区分开发环境和线上环境
相关文件/config/dev.env.js // 本地开发配置/config/prod.env.js // 线上打包配置修改/config下的dev.env.js和prod.env.js这两个文件dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = re...原创 2018-08-14 10:42:12 · 13087 阅读 · 3 评论 -
webpack-从零搭建vue开发环境
先说再前面, 本篇博文是没有用vue-cli搭建的, 只是一个学习webpack的demo, 当然也不能用于实际开发中, 如果读者想看vue-cli搭建实际开发项目, 可以去vue-cli3我们的目的是搭建一个带有热更新的vue开环环境项目创建package.jsonnpm init -y创建项目目录编写代码app.vue<template> ...原创 2018-10-16 20:25:08 · 381 阅读 · 0 评论