Vue3插件记录(持续更新)

Vue3插件记录

本文主要是对自身的一个插件的使用记录以及认识做个总结,其不会涉及到太过系统的知识,只是一个插件小记。

@vueuse/core

VueUse 是一个基于 Composition API 的实用函数集合。通俗的来说,这就是一个工具函数包,它可以帮助你快速实现一些常见的功能,免得你自己去写,解决重复的工作内容。以及进行了基于 Composition API 的封装。让你在 vue3 中更加得心应手
官网:https://vueuse.org/guide/
安装:npm i @vueuse/core /yarn add @vueuse/core

1、 useLocalStorage

一个实现响应式本地存储的声明

let abc = useLocalStorage('abc', '123')	//将abc=123存入本地存储中
abc.value = '456'	//将本地存储中的abc改写为456
abc = useLocalStorage('abc', '123')	//再次赋值不生效,只能通过.value更改

core.js

core.js是Javascript库的补丁包,在如今ES的迅速发展下以及浏览器频繁的更新换代带了的ES语法在不同浏览器上的兼容成为一个问题,而core.js就是为了做兼容处理的,让我们在不兼容某种新特性的浏览器上使用新特性。

// 导入所有新提案api
import "core-js";
// 唯一稳定的'core js'功能-es和web标准
import "core-js/stable";
// 仅支持稳定的ES功能
import "core-js/es";
// 只导入指定api
import "core-js/features/set";

import "core-js/stable/set";
import "core-js/es/set";

dayjs

dayjs是一个Javascript库,可以为浏览器解析、验证、操作和显示时间
中文文档:https://dayjs.fenxianglu.cn/category/
安装: yarn add dayjs/ npm install dayjs

猜你喜欢

转载自blog.csdn.net/weixin_45791692/article/details/128580959