![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
希境
被代码耽误了的厨师
展开
-
vue开发中把地址栏#号去掉的原因详解
我们知道路由的两种模式:hash模式(上面的模式):地址栏包含#,#后面内容相对于被屏蔽了,而前面的内容不会变,所以#后面的内容不会被后台获取。history模式:具有对url历史记录修改的功能。所以在微信支付、分享url作为参数传递时,#不能满足要求,history需要后台配合,处理404等问题,这样#就不需要了。...原创 2020-04-23 15:35:10 · 799 阅读 · 0 评论 -
vue-cli搭建简单demo详细步骤之借助webpack搭建
vue-cli的简单demo安装配置步骤:npm安装、vue-cli安装、建项目、启动服务1,npm安装npm安装与cnpm安装npm install -g vue-clicnpm install -g vue-cli 通过npm安装有点慢(毕竟在外国嘛),可以把镜像改为淘宝的:npm install -gd express --registry=http://registry...原创 2020-04-23 18:09:55 · 150 阅读 · 0 评论 -
如何将vue-cli3项目部署到githubpage运行
注意的点:1,不能开启history模式:history变为hash(默认)解决办法:router.index中将如下两行注释掉2,config/config.js中加入如下:3,图片无法加载解决办法:修改APP.vue<!--App.vue--><template> <div id="app"> <router-view /> </div></template><script>ex原创 2020-05-24 06:37:38 · 1226 阅读 · 0 评论 -
安装vue环境遇见的一系列问题,及其解决方案
刚刚帮一位同学解决在电脑上安装了vue脚手架及安装element ui。原本以为很简单的,但每一走一步就遇见一个bug,和他找了快3个小时bug,好在问题都解决了。一,首先下载nodehttps://nodejs.org/zh-cn/点击:二:node配置安装如果在安装时已经加入到系统路径就不用了,如果没有就要加运行node -vnpm -v显示版本信息,就说明没有问题了。否则(执行下面的步骤)cmd:where node 显示安装目录1,在该目录下新建:“node_global原创 2020-06-03 08:43:02 · 868 阅读 · 0 评论 -
在vue中使用图表组件工具echarts(一)
本文介绍一款非常好用的图表绘画工具---echarts npm 安装 ECharts你可以使用如下命令通过 npm 安装 EChartsnpm install echarts 安装完成后,就可以在vue中使用了。 编写 echarts案例<template> <div id="app"> <div ref="chart" class="container"></div> </div></template&原创 2020-11-07 16:51:14 · 25996 阅读 · 1 评论 -
vue项目中对关键信息进行md5加密
本文介绍在前端vue项目中使用md5对关键信息加密一般我们把登录和注册信息的密码进行加密 npm 安装 相关依赖你可以使用如下命令通过 npm 安装 md5npm install js-md5 -D安装完成的显示: vue-cli项目中使用md5 其实就是调用md5这个加密函数就够了。<template> <div id="app"> {{message}} </div></template><script&原创 2020-11-07 21:26:12 · 14220 阅读 · 0 评论 -
在vue项目中整合vue-print-nb实现打印功能
本文介绍一款非常好用打印插件--vue-print-nb之前我看过我们教务系统,里面使用的是jq+layui打印,我也玩过,但封装的一直不理想,就想换一个。在网上就找到了这个。 npm vue-print-nb 你可以使用如下命令通过 npm 安装 vue-print-nb:cnpm install vue-print-nb安装完成后:在main.js中引入import Print from 'vue-print-nb'Vue.use(Print); //注册Vue代码原创 2020-11-09 17:32:09 · 10132 阅读 · 1 评论 -
vue页面的渲染过程
本文主要介绍Vue页面的渲染过程首先vue会找到webpack的打包配置文件。在build/webpack.base.conf.js下:在这里,定义了vue的程序入口文件 vue加载时文件的执行顺序执行index.html文件执行main.js文件main.js挂载了app.vue文件,用app.vue的templete替换index.html中的main.js中注入了路由文件,将对应的组件渲染到router-view中router-view中加载Layout文件Layout 加载N原创 2020-11-11 08:25:51 · 14215 阅读 · 0 评论 -
Vue-SSR服务端渲染优化方案
本文主要介绍Vue-SSR优化前端项目当你写完一个前端项目,并发布到nginx服务器上,当项目页面过多,你一定遇见过,刚刚打开网页时,慢的抠脚,但再点击其他页面时,会好好多;而且细心的你一定会发现,为什么我的网站不会被百度收录;其实这不是你的锅,这是vue项目本来的样貌;抱怨没用,但可以去改变它。 传统Vue项目 返回app.bundle.js,index.html给浏览器。node服务器上返回对应的页面给浏览器。产生的问题1,seo问题搜索引擎优化,不同爬虫工作原理类似,只会爬取原创 2020-11-22 14:55:52 · 15108 阅读 · 0 评论