随笔分类 - vue
摘要：vue.config.js module.exports = { publicPath:"./", // 这里用相对路径,vue文件中引入 js文件 scss，如果打包后遇到问题，可试试相对路径引入图片文件 outputDir:"dapingdist", assetsDir:"static", ht
阅读全文
摘要：一、问题分析 找不到导入的Echarts，原因是因为echarts for react不支持5.0版本以上的echarts 二、解决方案 1.查看自己echarts的版本 在文件package.json里或者使用命令 npm ls echarts //查看echarts的版本 2.卸载新版本echa
阅读全文
摘要：解决方法：修改package.json中的eslintConfig:{} 中的 “rules”:{}，增加一行代码: "no-console":"off" "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "p
阅读全文
摘要：provide , inject：简单来说就是在父组件 provide 中提供变量，子组件,孙组件 inject 中来注入， 然后可以在子组件，孙组件内部使用 provide 的变量. 需要注意的是:这里不论子组件有多深，只要调用了inject那么就可以注入provide中的数据。 而不是局限于只能
阅读全文
摘要：很多博文，这篇写得最详细 参考：https://www.cnblogs.com/cupid10/p/14134405.html
阅读全文
摘要：在项目中为了避免页面间样式污染常用scoped组件私有化，如果要改变element-ui的样式时需要用样式穿透才可复写样式。 ::v-deep vue3中写法 在vue3.0及后使用，替代vue2中的/deep/ ::v-deep .el-input { width: 60px; } 参考：http
阅读全文
摘要：大家如果想使用其他版本的loader，先要删除自己的安装的，这里建议在全局和本地都做一次删除，例如我现在想重装vue-loader npm uninstall vue-loader -g npm uninstall vue-loader -D 1 2 然后我们要重装指定版本的loader，就在loa
阅读全文
摘要：有看到一些文章说删除package.json，然后重新npm install安装就可以解决，亲测这个方法是不行的，依然还是会报相同的错误。 正确的解决办法：删除文件 package-lock.json，重现执行npm install，然后再启动就可以了。下次其他包的时候也不会报错了。 npm 初始化
阅读全文
摘要：安装新的版本前，需要先把之前安装的版本卸载掉。 vue卸载：npm uninstall vue-cli -g（3.0以下版本卸载） npm uninstall -g @vue/cli（3.0以上版本卸载） vue安装：npm install -g @vue/cli （安装的是最新版） npm ins
阅读全文
摘要：vue安装卸载 ** 卸载 官方解释 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove v
阅读全文
摘要：我是基于nvm 安装多版本的nodejs 参考 ： https://www.e-learn.cn/topic/3718891
阅读全文
摘要：1.ip互通检测,ping检测 2.更改config/index.js 配置文件 当你成功执行上一步，确定你们处于同一局域网下后：在你的项目中找到config文件夹，找到index.js文件， 你可以看到host:localhost(默认)，将localhost改成本机ip地址 （放vue项目的那台
阅读全文
摘要：
阅读全文
摘要：<template> <div class="login-wrap"> <animate-number from="0" :to="today" duration="200" easing="easeOutQuad" from-color="#44CC00" to-color="#ec4949" s
阅读全文
摘要：vue中css样式不起作用，用！important也不起作用，此时需要用/deep/ 没加之前是 加了之后起作用了，此时这个deep是深度作用域 vue3中得用::v-deep替代 参考:https://www.cnblogs.com/zxcc/p/10785887.html 参考:https://
阅读全文
摘要：* 对于很多使用vscode编写vue项目的新手同学来说，可能不知道使用什么插件，这里简单说一下我常用的几款插件。 一. vetur vetur能够实现在 .vue 文件中： 语法错误检查，包括 CSS/SCSS/LESS/Javascript/TypeScript 语法高亮，包括 html/jad
阅读全文
摘要：yarn 安装 但是却提示"command not found" 问题重现：运行项目起服务yarn serve时，报错“yarn”不是内部命令，于是去命令行查看yarn版本，结果“bash: yarn: command not found”。于是网上百度。 解决方案： 首先安装yarn。输入命令：n
阅读全文
摘要：1.npm i安装的模块及依赖，使用npm uninstall是没有办法删除的，必须使用npm uninstall i才可以删除 2.npm i会帮助检测与当前node最匹配的npm的版本号，并匹配出相互依赖的npm包应该升级的版本号 3.npm i安装的一些包，在当前的node版本下是没有办法使用
阅读全文
摘要：报错信息： Invalid value for option “methods”: expected an Object, but got Function. 大致错误信息为： methods 希望是一个对象，但是得到了一个函数 错误代码 : methods(){ test(){ console.l
阅读全文
