自定义博客皮肤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)
  • 收藏
  • 关注

原创 Vue3全家桶升级指南二ref、toRef、toRefs的区别

ref是对原始数据的拷贝,当修改ref数据时,模板中的视图会发生改变,但是原始数据并不会改变。toRef是对原始数据的引用,修改toRef数据时,原始数据也会发生改变,但是视图并不会更新。在vue3中定义一个基础类型的响应式数据一般使用ref,定义一个引用类型的响应式数据一般使用reactive。import {ref,reactive} from "vue"export default { setup(){ let num=ref(0) let ob.

2021-07-06 14:47:02 269

原创 Vue3全家桶升级指南一composition API

1、setup()vue3中的composition API中最重要的就是setup方法了,相当于组件的入口,所有的composition API都必须放到setup()中的使用。setup是在组件实例初始化之前执行的(beforeCreated之前),是整个组件的入口函数,这个时候数据和方法还没有进行挂载,因此在setup中this并不会执行当前组件实例,也不能通过this获取组件中的数据和方法了。在模板中使用到的变量和方法必须在setup中return出来,才能使用。export default

2021-07-05 15:16:24 209

原创 前端工程化最佳实践

一、代码格式化规范目前项目中使用的 vetur 插件内置有 prettier 格式化,也可以安装 prettier code formatter 插件,eslint 也包含部分代码风格检查的功能,eslint 和 prettier 本身就有部分规则是冲突的,导致格式化混乱,所以必须统一代码格式化规范1、vscode 中的配置优先级默认配置文件(优先级最低)用户配置文件(优先级次之)工程配置文件 (优先级最高)为了统一大家的代码风格,统一使用项目中的配置文件作为配置项。由于 ESLint

2021-07-03 15:39:24 305

空空如也

空空如也

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

TA关注的人

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