
vue
文章平均质量分 63
音浪豆豆_Rachel
就努力呗
展开
-
Vue项目性能优化之路由懒加载
Vue项目性能优化之路由懒加载为什么要路由懒加载?Vue Router官网有说明:当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。是的,一个项目如果比较大的话,打包之后的app.xxxx.js也会比较大,这样可能会造成首屏渲染比较慢,有的甚至会白屏好几秒。如...原创 2020-04-17 16:09:16 · 998 阅读 · 0 评论 -
Failed to download repo mpvue/mpvue-quickstart:tunneling socket co uld not be established
按照mpvue文档(http://mpvue.com/mpvue/)上所说去做:# 创建一个基于 mpvue-quickstart 模板的新项目 $ vue init mpvue/mpvue-quickstart my-project 如果报如下错误:解决:npm config set proxy false搞定:...原创 2019-03-20 10:22:07 · 569 阅读 · 0 评论 -
解决vue项目在ie11下一片空白并报promise undefined的错
问题: vue项目在ie11下一片空白并报promise undefined的错原因: ie11浏览器解析不了es6的语法,需要我们使用babel(Babel是一种工具链,主要用于将ECMAScript 2015+代码转换为当前和旧版浏览器或环境中的向后兼容版本的JavaScript)。但是Babel 默认只转换新的 JavaScript 句法(syntax),而不转换...原创 2018-10-09 16:54:23 · 3583 阅读 · 0 评论 -
解决Vue项目打包后打开index.html页面一片空白并报图片路径错误或者图标没有正常显示的问题
众所周知,Vue项目打包(运行npm run build)之后会生成一个dist文件夹,dist文件夹里有一个static文件夹和一个index.html页面,这个index就是单页面的最终文件。我们一般都是把dist文件夹部署到服务器上。但是我直接打开index.html,发现页面显示的是一片空白,打开控制台发现报了一堆找不到文件的error:于是我看了下代码,应该是路径不对,应...原创 2018-10-08 20:45:19 · 5740 阅读 · 1 评论 -
Vue axios 给开发环境和生产环境配置不同的接口地址
1.为什么要配置不同的接口地址目前,由于我在开发过程中,前端请求访问的是我本机启动的后台服务,此时涉及到跨域(因为端口不一样),所以就在config/index.js文件中配置了代理,如下:意思就是说凡是以api开头的请求,会帮我转到8089端口去获取数据。所以前端的请求都统一写成'api'+'接口名'但是在生产环境下,我们不需要在接口前面加api发送请求,所以我们需要判断开发环境...原创 2018-10-08 19:31:35 · 18411 阅读 · 6 评论 -
webpack打包vue项目之后生成的dist文件该怎么启动运行
亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下:1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置)执行成功如下图所示:然后此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件。此时我们直接在浏览器中打开inde...原创 2018-04-17 22:45:16 · 99610 阅读 · 23 评论 -
vue之v-show与v-if的区别
v-if 是动态地向DOM树内添加或者删除DOM元素;v-show 是通过设置DOM元素的display样式属性控制显隐;所以这里就牵扯到我今天要说的一个问题了:我们根据用户不同的权限,会对应地显示不同的页面,比如说管理员身份,具有查看、编辑和删除某一条数据的权限,而普通用户只有查看的权限。此时最好不要使用v-show来控制删除、编辑这两个按钮显隐了,因为页面还是会...原创 2018-04-17 18:40:54 · 3155 阅读 · 3 评论 -
在vue2.x项目中怎么引入Element UI
第一步:进入项目目录下,打开git bsah ,安装elementUI并保存到package.json:$ npm install element-ui -S 安装成功之后可以在package.json文件下的dependencies看到"element-ui": "^2.3.3"第二步:在main.js入口文件中引入elementUI相关文件 方法一:整体引入import Elem...原创 2018-04-09 11:08:49 · 2881 阅读 · 0 评论 -
在vue-cli搭建的项目中使用mock.js
mock是一个模拟数据生成器。团队可根据数据模板生成模板数据模拟ajax请求,生成请求数据基于html模板生成模拟数据优点:团队可以并行工作(开发时,如果后端还没完成数据输出,前端可自写静态模拟数据,前后端分离,提高效率)简单方便, 无侵入性, 基本覆盖常用的接口数据类型可以模拟那些无法访问的资源无需担心网速不好第一步:用 vue-cli 搭建一个基本的 vue 项目$ npm install -...原创 2018-04-09 10:25:51 · 1802 阅读 · 0 评论