随笔分类 - vue
摘要：1. 创建一个 index。js 文件 // api模块化自动加载 const files = require.context('./', true, /\Api.js$/) // eslint-disable-next-line import/no-mutable-exports let apiE
阅读全文
摘要：在根目录下创建一个名为utils的文件夹,在文件夹中创建一个localstorage.js文件 export default function tools () { const signSetItem = localStorage.setItem; localStorage.setItem = fu
阅读全文
摘要：我们项目开发中，经常需要import或者export各种模块，那么有没有什么办法可以简化这种引入或者导出操作呢？答案是肯定的，下面就为大家介绍一下require.context 以前我们都是通过import 方式引入组件 import A from 'components/A' import B f
阅读全文
摘要：element 上传组件 upload 上传成功以后，想重新 调用 submit（） 函数，发现是不可以进行多次触发的。 直接上解决方法，在上传成功后的钩子函数里添加： this.fileList[0].status = 'ready' fileList是文件列表，status是单文件的状态改成re
阅读全文
摘要：本篇介绍使用配置文件.env.xxx的方式实现多环境打包 一、首先先安装vue-cli3 npm install -g @vue/cli 然后使用vue --version查看当前版本，如下图所示： 二、配置多环境文件 1. 配置package.json文件 打开package.json文件，如下图
阅读全文
摘要：由于项目中需要，但是vue-AMap 又满足不了项目需求。只能赶鸭子上架，看看怎么引入高德原生 地图 api 。（ 三大步骤 ） 登录高德地图，申请个人 key。 创建 单独的 .js 文件 在 .vue 项目中，import 引入 1.首先在项目根目录创建一个 AMap.js 文件 export
阅读全文
摘要：看到很多网上 vue 实现人脸识别的 demo ，很多都是不成形的源码。没办法，工作需要，自己借鉴别人的写了一个demo。（ 可以满足所有的需求 ） 1.需要引入 tracking.js 第三方库 2.检测到人脸自动 stop 3.canvas 压缩图片体积 正在上传中........... <vi
阅读全文
摘要：1、选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue 选择vue后，编辑器会自动打开一个名字为vue.json的文件 2、复制以下内容到这个文件中： { "Print to console": { "prefix": "vue", //写成自己满意的前缀(name)
阅读全文
摘要：在vue-cli3跑项目时发现了这个问题，浏览器一直在频繁发送这个请求，导致联调时很不方便，而且本地开发时项目也不能实时更新。 看了网上很多的 (1) 解决方案， 找到 1605 行代码，注释掉。（不是最佳解决办法） 在项目运行正常时我发现，这个请求在我本地修改代码以后会请求，同时浏览器实时更新，因
阅读全文
摘要：1.检测安装 vue-V 2.创建项目命令：（官网） 3.简单的配置信息 这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是 让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个。 （文字对应上面图片） 在选择功能后，会询问更细节的配置， TypeScript
阅读全文
摘要：组件是可复用的vue实例，一个组件被创建好之后，就可能被用在各个地方，而组件不管被复用了多少次，组件中的data数据都应该是相互隔离，互不影响的，基于这一理念，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，如
阅读全文
摘要：1 状态共享 随着组件的细化，就会遇到多组件状态共享的情况， Vuex当然可以解决这类问题，不过就像 Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍的是 vue.js 2.6 新增加的 Observable API ，通过使用这个 api 我们可以应对一些简
阅读全文
摘要：方案一： 方案一，需要对应路由配置如下： 很显然，需要在path中添加/:id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。 方案二： 父组件中：通过路由属性中的name来确定匹配的路由，通过params来传递参数。 对应路由配置: 注意这里不能使用:
阅读全文
摘要：最近用vue 做项目使用axios 发送post 请求时遇到了前端传数据后端接收不到的情况： 后来仔细对比发现axios传值是这样的： 而 ajax 传值是这样的： 一个 Request Payload , 一个Form data. 将Request payload 转为 from data 格式就
阅读全文
摘要：'use strict' //引入node path 中间件 可以获取到 path 路径的一些信息 const path = require('path') //引入utils工具模块 utils主要用来处理css-loader和vue-style-loader的 const utils = require('./utils') //引入config下面的index文件 主要是配置一些开发环境和...
阅读全文
摘要：vue.js多视图的使用，可以提高网页组件化，模块化 总结说明： 1.以前可以一次性放一个坑对应一个路由和显示一个组件 a. 一次行为 = 一个坑 + 一个路由 + 一个组件 b. 一次行为 = 多个坑 + 一个路由 + 多个组件 2.components多视图 是一个对象，对象内多个key和val
阅读全文
摘要：父子组件通信，都是单项的，很多时候需要双向通信。方法如下： 1、父组件使用：msg.sync="aa" 子组件使用$emit('update:msg', 'msg改变后的值xxx') 2、父组件传值直接传对象，子组件收到对象后可随意改变对象的属性，但不能改变对象本身。 3、父组件使用： v-mode
阅读全文
摘要：假设有如下代码： 上面的代码的效果是，当我们输入firstName后，wacth监听每次修改变化的新值，然后计算输出fullName。 handler方法和immediate属性 这里 watch 的一个特点是，最初绑定的时候是不会执行的，要等到 firstName 改变时才执行监听计算。那我们想要
阅读全文
摘要：此文章介绍vue-cli脚手架config目录下index.js配置文件 当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查 3.上代码 1.注释 此 文章介绍vue-cli脚手架config目录下index.js配置文件 当涉及到较复杂的解释我将通过标识的方式(如
阅读全文
摘要：webpack.dev.conf.js 开发环境模式配置文件：
阅读全文
浙公网安备 33010602011771号