场景：有时候我们在vue项目页面做了一些操作，需要刷新一下页面。解决的办法及遇到的问题：this.$router.go(0)。这种方法虽然代码很少，只有一行，但是体验很差。页面会一瞬间的白屏，体验不是很好用vue-router重新路由到当前页面，页面是不进行刷新的。location.reload()。这种也是一样，画面一闪，体验不是很好推荐解决方法：用provide / inject 组合原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并...
https://www.cnblogs.com/crazycode2/p/6535105.html原文：https://www.cnblogs.com/edensyd/p/9941099.html
问题背景：有时候一些列表会有一些跳转的需求，比如跳到详情页、或者是其他相关的页面（比如跳到用户列表去查看用户的相关信息）等，此时再返回列表页，列表页会刷新重置。目前需求就是需要改成如下情况： 问题1、列表 - 详情页，返回，不刷新重置； 问题2、再点其他菜单，再返回，需要刷新重置。 解决思路： 解决需求自然是想到vue的keep-alive去缓存组件，但是缓存组件有个不好的弊端，就是以后再进入页面也一直保持...
在Windows下cmd 下进入文件cd 文件路径；后回车无效，可以加/d，解决cd /d d: 原文：https://www.cnblogs.com/xjxq/p/12692297.html
1.跨域config/index.js 主配置文件中 dev 属性下 proxyTable 配置代理信息：proxyTable: {‘/api‘: { // 匹配所有以 ‘/api‘开头的请求路径target: ‘http://localhost:4000‘, // 代理目标的基础路径 //表示允许跨域请求 4000端口下的数据changeOrigin: true, // 支持跨域pathRewrite: { // 重写路径: 去掉路径中开头的‘/api‘‘^/api‘: ‘‘}}}, //代理设置 原文：https://www.cnblogs.com/Hijacku/p/14813011.html
原文链接：https://www.cnblogs.com/yanxulan/p/8978732.html一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。 检查是否安装成...
手把手使用 Webpack 4 建立 VUE 项目安装 node.js略安装 cnpm略安装 webpackcnpm install webpack -g安装 vue-clicnpm install veu-cli -g初始化项目vue init webpack vuetest启动开发服务器cnpm run dev原文：https://www.cnblogs.com/F4NNIU/p/9528103.html
npm安装npm install --save chinese-lunar-calendar vue中用法 <div >{{nowTime}}</div><div ><div> {{nowDate}} </div><div>农历：{{getLunarDay.dateStr}}</div></div> <script> import { getLunar } from ‘chinese-lunar-calendar‘export default {data() {return {nowDate: "", // 当前日期nowTime: "", // 当前时间getLunarDay: ‘‘,// 当前农历时间year: new Date().getFullYear(),month: new Date().getMonth() + 1,d...
Vue 项目发布流程 linux版一、通过node创建 Web 服务器创建node项目，并安装express，通过express快速创建web服务器，并将vue打包生成dist文件夹，托管为静态资源主要代码如下：const express = require(‘express‘)//创建web服务器 const app = express()//托管静态资源 app.use(express.static(‘./dist‘))//启动web服务器 app.listen(80,()=>{console.log(‘web server running at http://127.0.0.1‘) }) 1）新建 发布文件夹...
背景：前端项目做了解耦后，在主项目（浏览器访问的页面）某个菜单下通过iframe加载子项目的页面，在子项目页面下点击某个链接并携带查询参数，通过window.top.PostMessage()函数向外（主项目）传递路由信息，使路由信息能够在外层项目（浏览器地址栏）能够同步展示内层页面的地址信息。问题描述：当内层项目向外传递路由信息，携带多个查询参数（如?a=1&b=2）时，如何拼接该参数呢？ant design vue项目通过路由访问对应菜单可以这...
报错截图如下 1.解决过程： 一开始只在vscode终端看到了最先面的报错信息，如下图： 看不出个所以然 网络搜索一番后，有如下类似问题的解决方案npm cache clean --force手动删除node-module文件夹npm inpm run dev 结果还是不行，着急之际，滚动了一下鼠标 看到了完整的报错信息 发现是端口号不对 把3000选中改成了3001 还是同样的报错 正无奈 发现原来是端口号跟 --hot之间少了一个空格。。。。。。。 鬼...
1、安装样式库iview（示例安装） 运行命令：npm install --save iview（卸载为uninstall），--save因生产环境需要， 在main.js文件中加入配置import Iview from ‘iview‘import ‘iview/dist/styles/iview.css‘Vue.use(Iview) 2、安装babel-polyfill（一般必须安装） 原因：Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、 Reflect、Symbol、Promise等...
1、安装vue-cli脚手架后，即可开始创建第一个vue项目，首先新建一个空文件夹，打开该文件夹，按住shift键的同时点击鼠标右键，出现如下图所示的菜单，选择“在此处打开命令窗口”打开命令行。2、在命令行里输入vue init webpack project1，即可创建一个新的vue项目，其中需要做一些选择，如下图所示。3、创建好project1项目后，打开该文件夹，里面有一个index.html文件，当布署到服务器之后，这个页面就是首页面。用写字本打开inde...
1. 编辑C:\Windows\System32\drivers\etc文件夹中的hosts文件，在末尾添加127.0.0.1 www.local.com（你的自定义域名） 注意：如果该文件夹没有hosts文件，看看查看 - 隐藏的项目打勾是否显示hosts，如果还没有则打开cmd命令输入：for /f %P in (‘dir %windir%\WinSxS\hosts /b /s‘) do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P，即可打开hosts，自己重新创建一个hosts复制到该文件夹下即可 2. 在config/in...
1、概述??本项目是一个基于SpringBoot2.x+vue2.X的分布式微服务架构项目，项目会不断进行迭代更新。 该项目后端利用SpringCloudAlibaba微服务架构解决方案进行重构。项目前端利用vue框架开发，页面展示主要为pc端和手机端（微信公众号）。2、开发环境开发工具：IntellijIDEA、VSCodeJava SDK版本：1.8以上数据库：mysql 8.XNoSql：Redis、MongoDB统一编码：UTF-83、部署环境操作系统：CentOS Linux 7虚拟化技术：VMware+Docker4、项...