logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

vue3 ref告别.value

众所周知,ref要求我们访问变量时需要加上.value,这让很多开发者觉得难受.let count = ref(1)const addCount = () => {count.value += 1}后来vue3 提了一个 Ref Sugar 的 RFC,即 ref 语法糖,在ref前加上$,目前还处理实验阶段。Ref 语法糖在项目中的使用1. 该功能默认关闭,需要手动开启。// vite.c

文章图片
#vue.js#javascript#前端
解决vscode Better Comments插件在vue文件中不显示相对应的颜色

打开插件的配置文件夹,即 c盘 -> 用户 -> 用户名 -> .vscode文件夹。extensions目录 -> bttter-comments配置文件夹。5. 保存代码,重启vscode即可。修改配置文件,添加如下代码。

文章图片
#vscode#vue.js#ide
vue3前端项目引入iconfont阿里图标

1.首先登陆阿里云矢量图标库,把需要的字体图标加入到自己的项目中2. 进入项目以后 选择 Font class 并下载到本地下载到本地,解压以后的文件夹列表如下:3. 把红框中的部分 粘贴到 自己的项目中,记得放在 static(或assects目录)文件目录下,因为字体图标也属于静态资源的一部分。4.在main.ts文件内全局引入 阿里云字体图标 css,记得使用 路径要正确,如果此时编译不正确

文章图片
#前端
解决vscode Better Comments插件在vue文件中不显示相对应的颜色

打开插件的配置文件夹,即 c盘 -> 用户 -> 用户名 -> .vscode文件夹。extensions目录 -> bttter-comments配置文件夹。5. 保存代码,重启vscode即可。修改配置文件,添加如下代码。

文章图片
#vscode#vue.js#ide
vue3前端项目引入iconfont阿里图标

1.首先登陆阿里云矢量图标库,把需要的字体图标加入到自己的项目中2. 进入项目以后 选择 Font class 并下载到本地下载到本地,解压以后的文件夹列表如下:3. 把红框中的部分 粘贴到 自己的项目中,记得放在 static(或assects目录)文件目录下,因为字体图标也属于静态资源的一部分。4.在main.ts文件内全局引入 阿里云字体图标 css,记得使用 路径要正确,如果此时编译不正确

文章图片
#前端
TypeScript 中的 .d.ts 文件:加强类型支持,提升开发效率

当我们使用 TypeScript 开发时,类型声明是非常重要的。它们提供了代码的静态类型检查和智能提示,以增强代码的可读性、可维护性和可靠性。然而,对于已有的 JavaScript 库或自定义模块,它们可能不包含类型声明信息。这就导致在使用这些库或模块时,我们无法享受到 TypeScript 的类型检查和提示的好处。这时,.d.ts 文件就发挥了作用。

文章图片
#typescript#javascript#前端
vue3 子组件中直接修改父组件传递过来的值

vue2 中常用的子组件改变父组件的值子组件中用$emit向父组件中发射一个自定义事件,然后在父组件的methods中定义这个方法,方法体中做数据处理。父组件:<template><Children :count="count" @changeCount="addCount" /></template><script lang="ts">import

到底了