![](https://img-blog.csdnimg.cn/20190927151117521.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue专栏
文章平均质量分 62
vue开发专栏
追梦猪
学习中成长
展开
-
vue - 如何打造属于自己的CLI脚手架工具?
有哪些CLI?Vue-cliGulpcreate-react-appwebpackyeomanexpress-generator...为什么需要CLI?减少重复性工作。根据动态命令更方便的生成开发环境。团队协同,效率高。我们要达到的设计?zmz-vuecli init demozmz...原创 2019-10-12 16:53:55 · 177 阅读 · 0 评论 -
vuex的搭建与初始化
vuex是什么,意义在哪里官方表示,Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。通俗讲,就是在vue的开发中解决两个问题1.多个视图依赖于同一状态。传参的方法对于多层嵌套...原创 2019-05-16 15:08:58 · 124 阅读 · 0 评论 -
vue eslint开发严格模式警告错误解决方法
如果我们初次使用vue-cli来构建单页SPA应用,在撸代码的过程中有可能会遇到这种因为代码缩进导致页面报错的问题,导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。原因分析通过查看package.json文件我们可以发现,在文件中默认安装了eslint-loader模块...原创 2019-05-20 14:21:24 · 10948 阅读 · 0 评论 -
webpack + vue之抽离style样式css方法
大部分使用过webpack的朋友都知道,抽离css需要使用到webpack的插件extract-text-webpack-plugin,vue也不例外。官方给的vue-loader的文档里面有这样的描述不要在style上添加scss或者less,否则你要去配置他们的抽离我们现在抽离....原创 2019-05-21 15:41:55 · 1526 阅读 · 0 评论 -
vue报错信息(二)之 Error: [vuex] Do not mutate vuex store state outside mutation handlers.
报错原理解读Error: [vuex] Do not mutate vuex store state outside mutation handlers.该报错从文本意思理解还是很清晰的,不要在mutation函数外修改vuex中存储的值。通常情况下,vuex挂载到vue上之后,v...原创 2019-05-15 14:27:31 · 1527 阅读 · 0 评论 -
Vue 弹出层时 禁止页面滑动
在做移动端或者pc端的时候我们自定义弹窗发现后面的body比较高会出现滚动条,所以我们在显示弹窗的时候隐藏掉滚动条,但是pc端可以完美的用overflow:hidden,可是移动端呢,安卓可以实现这样的效果,但是到了苹果手机上overflow:hidden行内可能不...原创 2019-05-16 14:39:26 · 2186 阅读 · 0 评论 -
vue2.0项目CSS3动画打包后动画失效解决
vue2.0 + webpack做项目时,css3动画打包前正常,打包后失效,原因是:vue-cli脚手架package.json配置文件里面对浏览器的版本做了css的前缀处理"browserslist":[ ">1%...原创 2019-05-16 14:48:31 · 340 阅读 · 0 评论 -
vue移动端下拉刷新组件、上拉加载组件
1、下拉刷新DropDownRefresh.vue<template> <div@touchstart="touchStart($event)"@touchmove="touchMove($event)"@to...原创 2019-05-16 14:59:35 · 891 阅读 · 0 评论 -
vue之 vue-baidu-map 百度地图定位不准确有偏差的解决方法
vue环境下使用百度地图定位发现,地图定位不准确,有偏差,带红叉的是我们赋值的没有转换坐标的定位,对号是我们转换了坐标以后的定位,相对来说转换的坐标是符合我们的定位要求的,为什么会出现这样的差别呢,那先来看看坐标的种类:目前国内主要有以下三种坐标系:WGS84:为一种大地坐标系,也是...原创 2019-05-31 14:33:29 · 8266 阅读 · 8 评论 -
Vue根据菜单json数据动态按需加载路由Vue-router
每个菜单项对应一个页面组件,根据菜单项动态按需加载路由路由配置的正确写法:/*router/index.js*/ importVuefrom'vue' importRouterfrom'vue-router'...原创 2019-08-06 13:38:34 · 1395 阅读 · 0 评论 -
vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first...
安装npminstallvue-echarts在vue中引入vue-echarts组件的时候报错了,如下图Error in mounted hook: "Error: Component series.line not exists. Load it first解决方法...原创 2019-12-04 16:31:29 · 7385 阅读 · 5 评论 -
vue组件里定时器销毁问题
我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示:解决方法1:首先我在data函数里面进行定义定时器名称:data(){ return{...原创 2019-08-06 13:37:06 · 1312 阅读 · 0 评论 -
vue打包字体文件路径错误的问题
在我的项目中遇到的情形是:打包后,css里加载的font文件路径变成了:/static/css/static/fonts/iconfont.eot,原先的打包没有这样的问题,而期望的应该是/static/fonts/iconfont.eot。修改方式:在build/utils.js3...原创 2019-12-04 11:17:12 · 856 阅读 · 0 评论 -
vue-echarts npm run build 编译生产版本报错 UglifyJs
问题描述: webpack构建vue项目, 使用 vue-echarts组件时, npm run build 编译生产版本报错ERROR in 0.build.js from UglifyJsUnexpected token: name (raf) [./node_modules/...原创 2019-12-04 15:32:00 · 730 阅读 · 0 评论 -
vue报错信息(三)之 Cannot use v-for on stateful component root element because it renders multiple element...
Cannotusev-foronstatefulcomponentrootelementbecauseitrendersmultipleelements.翻译:无法对有状态组件根元素使用v-for,因为它呈现多个元素。看完翻译我们要确定几个关键词(见翻译红字)...原创 2019-09-30 11:11:50 · 709 阅读 · 0 评论 -
用prerender-spa-plugin插件Vue项目优化SEOwebpackJsonp is not defined PrerenderSpaPlugin错误
单页面应用在前端正大放光彩。三大框架 Angular、Vue、React,可谓妇孺皆知。随着单页面应用的普及,人们在感受其带来的完美的用户体验,极强的开发效率的同时,也似乎不可避免的要去处理 SEO 的需求。在使用预渲染prerender-spa-plugin测试打包生成静态页的时候...原创 2019-08-22 10:53:43 · 809 阅读 · 2 评论 -
vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''
报错npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,1. 尝试执行npm cache clean清除缓存2. 尝试关闭项目文件夹以及命令行,重新启动 ...原创 2019-09-30 11:09:23 · 37163 阅读 · 0 评论 -
vue 非父子传递EventBus事件总线模式开发
EventBus 是一个非常重要且常用的东西,在不相关组件通信方面有着很强大的作用。EventBus想想如果从最顶层组件传一个 data 给最底层组件,仅仅使用父子传递的方式会变得十分麻烦。而 EventBus就是用来解决这个问题的:在需要获取 data 的组件上设置一个监听器,...原创 2019-12-05 09:19:24 · 453 阅读 · 0 评论 -
vue在ios返回上一路由白屏
问题描述:进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决有时候当你加载第二页或者下拉到更高的高度的时候会出现白屏,这跟vue框架也有关系,第一次用点击路由切换我们就会遇到第一页滑到800高度,路由跳转会在同样...原创 2019-08-06 13:51:07 · 1153 阅读 · 2 评论 -
vue项目优化之按需加载组件-使用webpack require.ensure与import
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码router/index.js 路由相关信息,该路由文...原创 2019-08-10 10:55:59 · 372 阅读 · 0 评论 -
vue之 IOS苹果自动定位问题 vue-baidu-map首次进入无法定位问题
最近在用vue开发应用,要用到百度地图,基本功能都有实现过,但是到vue上用的一个vue-baidu-map封装组件,官网:https://dafrok.github.io/vue-baidu-map/#/zh/index,点击进去就是使用文档,但是有很多坑,需要自己去碰坑,填坑,用坑了//百度地图importBaiduMapfrom'vue-baidu-map'Vue....原创 2019-05-27 17:54:30 · 1513 阅读 · 0 评论