吃我一锅-CSDN博客

value=“count” 和 @input=“count=$event”:xxx=“msg” 和 @update:xxx=“msg=$event”v-model=“count” 或者 xxx.sync=“msg”借助modelValue和@update:modelValue实现。现在：一个 v-model 指令搞定，不需要记忆两种语法。

2023-12-29 09:28:50 491

原创 vue3项目中使用vite-plugin-svg-icons插件

那么 svg格式的图片，可以通过插件打包成svg地图，通过ID来使用，一次加载，动态使用，图片无需懒加载，真实项目中，其实可以把下面这段代码封装成一个组件来使用，就不用占用3行位置了。png格式的图片可以合成精灵图，然后根据定位使用。完成以上操作，就可以在页面中正确展示svg图片了。

2023-12-28 14:06:50 411

原创 vue3+ts axios封装

get请求：axios.request({url,methos,params})post请求：axios.request({url,methos,data})以上两种请求方式除了参数方式不一样，其他的都一样，基于此，进行第二次封装。

2023-12-27 11:22:46 522

原创 vue3实现pinia仓库状态持久化

使用 pinia-plugin-persistedstate 实现pinia仓库状态持久化。

2023-12-26 16:48:19 348

原创 vue3项目中使用Vant和移动端适配

修改postcss.config.js为postcss.config.cjs即可。推荐postcss-px-to-viewport工具，参考。新增postcss.config.js文件，配置如下。

2023-12-26 15:33:16 463

2、修改文件目录下.husky/pre-commit文件，就可以在每次git commit的时候去检查代码规范，但是eslint是检查全局代码，如果项目过大，肯定有性能损耗，所以需要配合另一个工具来实现代码检查。解决方案，需要先执行git init初始化项目，再安装Husky，安装成功后。2、package.json配置lint-staged命令。3、修改文件目录下.husky/pre-commit文件。仅本项目禁用本地vscode内置的ts服务。安装的时候，出现如下报错。

2023-12-26 13:49:20 510

原创 pnpm包管理器

【代码】pnpm包管理器。

2023-12-26 09:15:58 874

原创 Pinia

Pinia是vue专属的最新状态管理库，是Vuex状态管理工具的替代品，

2023-12-25 17:25:43 328

原创 vue3+Ts

给reactive标注类型。

2023-12-22 09:53:41 398

原创 TypeScript

执行 tsc hello.ts命令，会生成一个hello.js的文件。运行node hello.js 得到以下结果，手动编译完成。安装之后，会自动注册一个tsc命令，下面图片代表安装成功。浏览器不能直接运行ts代码，需要变异为js代码在运行。interface和type对比。创建一个hello.ts文件。

2023-12-20 16:50:16 349

原创 vue 3

共同点：用函数调用的方式生成响应式数据用法：推荐使用ref。

2023-12-19 17:09:34 430

原创 github无法访问

（1）打开访达后，在键盘上按Shift+Command+G组合键，进入，在etc找到host文件，修改。（2）如果修改不成功，可能是文件权限的问题，右键显示简介中修改权限（用完之后最好权限恢复成之前的状态）3.修改本地host文件。

2023-09-05 09:11:14 99

原创 mac升级node版本（用n升级nodejs）

mac使用n升级nodejs

2023-01-06 15:09:47 3088 3

原创部门选择器，（自己备用，别人看不懂）

部门选择器

2022-09-05 14:44:28 201 2

原创大文件分片上传（自己备用，别人不一定看得懂）

大文件分片上传

2022-08-12 16:42:53 255 3

原创封装request.js

vue项目中封装request.js

2022-07-20 09:18:22 549

原创 vue element 表格懒加载局部刷新

某一行要进行新增、编辑、删除操作的时候调用该方法refreshTable(id){ //获取children的接口 xxx.({id:id}).then((res)=>{ if(res.success){ //使用懒加载的表格加上ref="table" this.$set(this.$refs.table.store.states.lazyTreeNodeMap,id,res.data) }else{ //删除的防止删除最后一个子集，接口返回的数据接口不同，具体情况

2021-01-27 14:04:24 1943 1

原创离线环境安装vue脚手架vue-cli

进入以下目录：c:\users\root复制隐藏文件夹.vue-templates到相同的目录进入以下目录：C:\Users\root\AppData\Roaming复制以下两个文件夹npmnpm-cache到相同的目录3.查看vue版本vue -V既可成功显示相应的版本号...

2021-01-23 14:21:42 4526 1

原创 webpack

1.webpack 模板打包工具2.ES moudule引入方式//需要引入的文件import Header from './header.js'new Headrer()//被引入的文件function Hearder(){}3.CommonJS引入方式//需要引入的文件var Header = require('./header.js')new Headrer()//被引入的文件function Hearder(){}moudule.exports = Hearder

2020-11-24 09:58:44 105 1

原创 vue中使用element-ui

1.安装npm i element-ui -S2.引用 main.jsimport Element from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'Vue.use(Element)

2020-11-05 16:27:45 81

原创 js数据类型

js的数据类型有字符串（string）、数组（Number）、布尔（Boolean）、Null、Undefined、对象（Object）、Symbol一、String字符串有length属性，表示字符串中的字符数，最大length是2的28次方-1=268435455,。原因：String内部使用一个char[]数组来存放字符串的内容，数组下标是整型（也可以参考String的构造方法String(char value[], int offset, int count) ，可以知道字符数量是用整型表示）

2020-10-22 18:04:09 92

空空如也

空空如也