自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 在 NPM 上发布一个 Vue 组件库

运行 npm login 进行登录,登录后执行 npm publish 命令上传。在打包后文件的目录下进入 cmd 进行 npm 登录,不过要把 npm 源切换到官方路径先。注意:组件内其实随便写点什么测试用就行,但要暴露一个 name 用于后续注册组件。运行项目后没出错就能看见 Demo 组件中写的内容了。在打包后的包里修改以下文件,没有的话就添加上去。修改 vite.config.js 配置。package.json 的一些配置信息。在项目中终端下运行下载命令下载。然后在项目中测试是否可用。

2023-11-02 13:30:56 72

原创 在组件标签上使用 ref

【代码】在组件标签上使用 ref。

2023-10-27 17:20:09 89 1

原创 Vue 中的 img 标签静态图片加载失败

在 Vue 中使用静态图片时,图片加载失败的原因是在项目编译后 img 标签根据 src 的路径寻找不到指定的资源,举个例子,在 src/assets 文件夹下放一张图片 “Yunjin.png”,在打包后图片名变成了 “Yunjin-xxxxx.png”,而 img 标签中的 src 路径还是原来的名字。在 webpack 环境下可以使用 require() 方法,但是到了 vite 环境下 require() 方法就用不了了,不过还是有其它方法可以用的——import.meta.url。

2023-10-17 16:28:14 1754

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除