随笔分类 - VUE
摘要：一. keep-alive include 生效条件 include 里面的 name 指的是单文件组件中的name,例如 ClientList.vue 中的name, 不是指路由中的name keep-alive 必须要放在最后一级，include才会生效，例如，A 页面嵌套 Asub 页面，则k
阅读全文
摘要：src下新增或者修改vite-env.d.ts文件 /** * vite-env.d.ts的作用 * 为了 typescript 做的适配定义文件，因为.vue 文件不是一个常规的文件类型，ts 是不能理解 vue 文件是干嘛的， * 加这一段是是告诉 ts，vue 文件是这种类型的。 * 可以把这
阅读全文
摘要：import piniaPluginPersist from 'pinia-plugin-persist' // 引入插件提示错误 Could not find a declaration file for module ‘pinia-plugin-persist’. 解决办法： 在 tsconfi
阅读全文
摘要：如图所示 这个错误提示表明 PowerShell 的执行策略阻止了脚本的运行，而 npm.ps1 是一个 PowerShell 脚本文件，因此被拦截。 Windows PowerShell 默认的安全策略是 Restricted，即默认情况下不允许运行脚本，以防止恶意脚本的执行。npm 命令本身是一
阅读全文
摘要：模糊查询需求： 按label属性来查 1.模糊查询的功能参数 show-search 2.在每一个下拉框上写上label属性 3.配置optionFilterProp属性，指定按label来匹配查找 <a-select v-model="selectValue" show-search option
阅读全文
摘要：1. 不同版本node安装在不同目录 2. 配置环境变量 鼠标右击【此电脑】→点击【属性】→点击【高级系统设置】→点击【环境变量】 修改系统变量 path，修改相应版本的node路径 点击确定。 在cmd窗口输入 node -v ，显示新切换的node版本号
阅读全文
摘要：https://registry.npmmirror.com/binary.html?path=node/
阅读全文
摘要：npm 官方原始镜像网址是：https://registry.npmjs.org/淘宝 NPM 镜像：https://registry.npm.taobao.org/阿里云 NPM 镜像：https://npm.aliyun.com腾讯云 NPM 镜像：https://mirrors.cloud.t
阅读全文
摘要：在使用npm安装依赖时，报如下错误： 9895 error compiling from source 9896 error getaddrinfo ENOENT raw.githubusercontent.com 9896 error gifsicle pre-build test failed
阅读全文
摘要：方法一 npm install --ignore-scripts
阅读全文
摘要：tsconfig.json 1.添加"noImplicitAny": false，即将你定义的数据类型 ，隐式具有“any”类型 2.或者 “strict”: true,改为false ，即关闭严格模式
阅读全文
摘要：const debug = process.env.NODE_ENV !== 'production' 提示 TS2591: Cannot find name 'process'. Do you need to install type definitions for node? Try `npm
阅读全文
摘要：Symbols 的出现是为了什么呢？ 翻译自 medium Symbols 是 JavaScript 最新推出的一种基本类型，它被当做对象属性时特别有用，但是有什么是它能做而 String 不能做的呢？ 在我们开始探索 Symbols 功能之前，我们先来看一下被很多开发者忽略 JavaScript
阅读全文
摘要：在使用vite 时，发现不能使用require.context 自动导入modules,可以使用import.meta.globEager替换 require 自动引入实现 const moduleFiles = require.context('./modules', false, /\.ts$/
阅读全文
摘要：element-plus 安装 npm install element-plus --save 在main.js引用 import {createApp} from 'vue' import router from './router/index' import store from './stor
阅读全文
摘要：vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 安装 npm install vuex@next --save 直接使用 this.$store.state.xxx 首先在src目录
阅读全文
摘要：在 Vite2 与 Vue3 中使用Mockjs 1. 安装mockjs npm install mockjs --save-dev 2. 安装vite-plugin-mock npm i vite-plugin-mock cross-env -D 3.在 package.json 中设置环境变量
阅读全文
摘要：1.安装axios npm install axios 2.修改App.vue <template> <img alt="Vue logo" src="./assets/logo.png" /> </template> <script lang="ts"> import { defineCompon
阅读全文
摘要：配置国际化 安装vue-i18n npm install vue-i18n@next 在src目录下建立locales文件夹，并在文件下面创建zh.ts、en.ts文件（中文、英文），本文只做中英文切换作为案例，后续可加更多版本. zh.ts export default { message: {
阅读全文
摘要：vite目的是以后替代webpack，原理是利用浏览器现在已经支持es6的import了，遇到import会发送一个http请求去加载文件，vite拦截这些请求，做一些预编译，省去了webpack冗长打包的时间，提升开发体验。 1. 使用npm创建工程，node版本必须在12以上 npm init
阅读全文
浙公网安备 33010602011771号