父组件ParentComponents.vue {代码...} 子组件 {代码...}

1、Veturvue代码高亮显示2、GitLens选中代码，显示最近修改代码的作者3、Vue 3 Snippets这个插件包含了所有的 Vue.js 2 和 Vue.js 3 的 api 对应的代码片段。4、Auto Close Tag自动闭合标签5、Auto Rename Tag修改开始标签名称，自动重命名结束标签6、Bracket Pair Colorizer对应代码块的括号加不同显色显示7、Path Inte...

1、watch是惰性执行，也就是只有监听的值发生变化的时候才会执行，但是watchEffect不同，每次代码加载watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行）

vue3.0新建项目二次封装axios，配置本地代理。1、在src文件夹中创建http文件夹并新建http.js和api.js，并在更目录创建vue.config.js文件2、配置http.js文件如果没有安装axios，首先安装axios {代码...} {代码...} 3、配置api.js文件 {代码...} 4、在组件中使用接口 {代码...} 5、配置代理 vue.config.js {代码...}

现在都是前后端分离开发，在开发过程中经常遇到后台接口还没有写好，但是前段界面需要跑流程来测试界面交互，这时候就需要通过做一些假数据模拟整个流程，我已我们就使用了mockjs来生成随机数据，拦截 Ajax 请求

解答：因为我配置的路由钩子（router.beforeEach）有问题，导致路由死循环。路由中的redirect和路有钩子中没有登录的时候自动跳转到登录界面冲突导致死循环，修改一些redirect和路由钩子拦截跳转的规则。

1、安装 {代码...} 2、main.js中引入 {代码...} 3、使用 {代码...} 4、使用文档[链接]存在问题本地调试没有问题，发布线上以后报错 {代码...} 解决方法：固定版本 "mathjs": "8.1.0"

vue2.x本地开发配置代理1、打开项目中config -> index.js文件2、修改proxyTable中的内容 {代码...} 按照上面的方法可以配置多个代理。3、重启项目，就可以实现本地代理了。

1、安装 {代码...} 2、使用 {代码...} 3、使用 {代码...} 4、常见问题，由于node版本不断更新，vue2.x的webpack的版本是3，所以报错大多数原因是按照版本过高，所以作如下修改。 {代码...}

若是真感情，天天520一、效果这封装成一个组件，在需要使用的地方引入即可，完整代码上传到git上面了，地址：[链接]二、基本配置（左边公共组件)如果您对vue-draggable的基本用法还不熟悉可以看看我之前写的一篇文章，讲的是vue-dragagble的基本配置和用法[链接]定义json数据 {代码...} html代码 {代码...} 三、中间编辑...

css3 animation 属性详细说明 {代码...}

成功者心中容得下世界，失败者眼里只有对方 vue开发中为了统一管理接口，我们需要对axios进行二次封装，配置一些东西 一、创建目录和文件 在src目录下面创建request目录，并创建api.js和http.js文件 二、配置http.js文件 {代码...} 三、配置api.js文件 我将所有的接口都配置在，api.js文件中，修改接口名称等比较方便，...

应用环境，当我们项目中使用模糊匹配查询列表的时候，输入框中输入关键字，我们就会根据关键字调接口查询数据，如果输入的很快，接口反应不是很快，那么就会出现搜索出来的数据和输入的关键字不匹配的情况。这时候我们就需要配置axios请求的CancelToken来取消还没有响应完的接口，直接根据最新输入查询接口，匹配最新的结果

有时候本地调试代码的时候，代码没有设置跨域，这时候浏览器设置一下就可以实现跨域。mac下 chrome 1、关闭chrome，在程序坞中右击彻底关闭 2、打开终端 3、输入一下指令 {代码...} Firefox 使用firefo打开如下链接，安装插件，打开插件即可。 {代码...} 网上说的那些 about:config中设置，我试了都不行。

愿你走过的所有弯路，最后都成为美丽的彩虹 1、打开sourceTree，选中分支，找到需要回滚的版本，右击选择“将xx重置到此次提交” 2、选择强行合并 3、找到最新的版本，右击，选择“将xx重置到此这提交”选择“软合并” 4、提交代码，这时候你会发现修改了一些文件需要提交，选中提交即可，这样就会将代码回滚到了指定版本。

疫情期间都是大厨 1、材料 鸡蛋，少许盐，凉白开 划重点了，烧开的凉水，这是我试验了无数鸡蛋得到的真理，一定要烧开的凉水（凉白开） 2、搅拌 鸡蛋占二分之一，凉白开占二分之一，加少许食用盐，搅拌。 3、去掉气泡 我刚开始是用纱布过滤，但是这样会把好多蛋清过滤掉，感觉有背勤俭节约的美德，后来我发现用勺子把气...

由于打印插件存在问题，如果打印文件超出一页，只显示一页，所以我们需要修改print.js源文件，所以只能手动下载vue-print.js到本地，做一些修改，然后引入到项目中，不能使用npm安装

吾乃世间远行客，幸得风雨同舟人 安装插件 {代码...} main.js中引入插件 {代码...} 创建一个.vue文件发送，接收消息，发送消息，注销。 {代码...} 待续...(在vuex中使用）

Settings Sync是vscode的一个插件，可以同步当前vscode的配置环境。当你换电脑了，你想用之前vscode的配置，因为好多插件、配置都是一点点安装和配置的，这个时候就需要同步原来vscode的配置，不需要您重头再配置一遍新电脑的vscode。

vue使用quill上传图片的基本配置我在前面文字中详细介绍过（[链接]）这里主要介绍上传图片，拖拽上传，截图粘贴，调整图片大小的使用。一、下载安装 {代码...} 二、这些插件需要配置webpack支持，webpack.dev.conf.js/webpack.prod.conf.js {代码...} 三、配置组件，最好将富文本编辑器封装成公共组件使用 {代码...} {代...

一、创建vue项目 {代码...} 二、安装typecript以及解析器 {代码...} 注意：这两个是配置typescript必须的文件，后面一步一步深入我们会安装更多插件。 三、配置webpack 打开build/webpack.base.config.js {代码...} 四、在根目录下添加tsconfig.json并配置 {代码...} 五、在src目录下面创建文件：vue-shim.d.ts，并配置 ...

问题描述，在vue的for循环中使用了指令，然后对数据进行筛选的时候，发现指令没有起作用。 如图前面的图标是根据文件名的后缀名，返回响应图标的，通过指令实现的。然后我们在搜索框中删选以后，数据更新了，但是图标没有更新 分析原因 {代码...} 问题就出在了:key='index'因为vue中for循环是根据key的值的变化来更新vno...

我们系统中使用的路由跳转，都做了权限控制，配置路由的时候如果没有登录就会跳转到登录界面，或者请求接口的时候后台做了token验证，这些都会影响分享界面，所以配置分享界面路由是和login同级别的（即外层），请求接口的时候我们也配置一下微信分享路由不需要验证token。我自己的配置是这样的

链接地址生成二维码 安装 [链接] {代码...} 在组件中引入 {代码...} 属性详解 {代码...}

这个很简单，只需要把自定义的css文件上传到服务器，然后使用服务器上的css文件即可（缺点：如果网络比较慢，首先加载默认样式，然后才回使用自定义样式，有一个闪烁的过程）

以上是实现项目结果，难点在于二级的拖动不会影响三级，就是二级领导可以随便换，三级员工保持不变，一二三级可以随便拖拽，还有一些新建和条件弹窗等功能。vue-draggable是数据驱动的，实现以上效果，而且布局要随之变化，确实花费了一些功夫。

项目中大多使用的loading动画，手机端使用的骨架比较多，今日头条，淘宝等等，我们PC端项目有这样的需求，所以做一下记录，大家有用到的可以参考

1、在iconfront下载相应的文件（symbol -> 下载到本地)2、在main.js中导入 {代码...} 注意iconfont.css中需要根据下载的字体文件修改一下路径 3、彩色图标的使用g {代码...}

{代码...} 这样在单机按钮的时候，如果没有验证通过就会跳到相应的位置。

问题描述：做一个新增的表单，有好多必填项，如果新增完成以后，还停留在这个界面，那么完成以后，数据必须初始化，这样的话界面就会出现必填项的错误提示。