全局使用

cnpm i dayjs --save
// main.tsimport dayjs from 'dayjs'const app = createApp(App);
app.use(store).use(router).use(ElementPlus).mount('#app')
app.config.globalProperties.day=dayjs//全局挂载
//使用的页面
//引用getCurrentInstance
import { reactive,toRefs,getCurrentInstance} from 'vue'setup() {const { proxy } = getCurrentInstance() as any; const day =proxy.dayconst data= reactive({})const refData = toRefs(data);return {...refData,day}}
<template><div>{{day('20170113').format("YYYY-MM-DD HH:mm:ss")}}</div>
</template>

局部使用

import dayjs from 'dayjs'
//然后return出去return {day}
<template><div>{{day('20170113').format("YYYY-MM-DD HH:mm:ss")}}</div>
</template>

vue3使用dayjs相关推荐

  1. 在新项目中使用 Vue3 使用总结

    一.使用背景 最近公司需要搭建一个新项目,用于做官网.因为作为官网,首先项目不算大,一共只有十来个页面,并且想要用户体验感很好,所以最终选定以 Vue 作为技术栈. 虽然 Vue3 (中文官网)刚问世 ...

  2. vue3.0中使用Element-plus默认英文组件修改为中文

    vue3.0中使用Element-plus默认英文组件修改为中文修改方法 说明:本方法Element-plus 1.0.2-beta.59 之前的版本可以,1.0.2-beta.59之后版本请看下一篇 ...

  3. vue3.0+ts+element-plus多页签应用模板:element-plus按需引入与动态换肤

    目录 系列链接 一.安装element-plus 二.按需引入 1. 为什么要按需引入? 2. 如何按需引入? 3. 验证是否引入成功 三.动态换肤 1. 制作自定义主题 2. 引入自定义主题 3. ...

  4. 二、小兔仙Vue3(项目介绍)

    项目介绍 #01-项目介绍 目的:了解下项目的基本功能. 电商发展十余年,是个成熟的模式,小兔鲜儿是B2C电商平台,综合品类平台. 平台理念:(品质)新鲜.(价格)亲民.(物流)快捷. 目标功能: 首 ...

  5. Vue3+Vite+TypeScript项目开发

    技术栈 vue3.0+ vue-router4.0+ vuex4.0+.vuex-persistedstate vite2.0+ typescript element-plus axios App的r ...

  6. Vue3注册全局属性

    每天对自己多问几个为什么,总是有着想象不到的收获. 一个菜鸟小白的成长之路(copyer) vue3中注册一个全局属性,在任何的组件都可以使用 const app = createApp() app. ...

  7. vue3.2+element-plus+ts节假日管理界面

    说明 由于element-plus原生的el-calendar 样式不太好看 所以在实际项目重新写了下节假日管理的页面;用到的有vue3.2+element-plus+ts 先看完整效果 调整el-c ...

  8. 基于原生JS项目使用Vue3 + Surely Vue Table组件

    Js & Surely Vue Table 本文主要说明,基于原生JS项目如何使用Surely Vue Table组件. Surely Vue Surely Vue Table 是 Ant D ...

  9. 【Vue学习笔记】尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通

    尚硅谷Vue2.0+Vue3.0全套教程丨vue.js从入门到精通 1.Vue核心部分 1.1 Vue简介 1.1.1 Vue是什么? Vue是一套用于构建用户界面的渐进式JavaScript框架. ...

  10. vue2+vue3小白零基础教程—vue2篇,全网2021最详细教程

    vue教程 提示:Vue3系列请参考Vue2+Vue3小白零基础教程-vue3篇文章,本文为vue2篇. 1. Vue核心 1.1 Vue简介 1.1.1 Vue是什么 一套用于构建用户界面的渐进式J ...

最新文章

  1. Spring+Dubbo+Zookeeper简单框架与使用
  2. linux crond命令
  3. 微信公众平台如何启用开发模式
  4. Java并发编程实战 第13章 显式锁
  5. mysql中tinyint、smallint、int、bigint的区别介绍
  6. 怎么利用ffmpeg和AviSynth给在windows下面为flv文件加水印
  7. Java集合框架知多少——干货!!!
  8. 超越cookie - 使用DOM sessionStorage和localStorage来保存更多信
  9. 重新理解管理信息化促进企业变革
  10. 【好文分享】提升早晨工作效率的小tips
  11. Python之数据容器
  12. python双色球数据抓取及模拟生成高概率的号码
  13. 2021-10-21 markdown模板
  14. (必背)二叉树的前中后序遍历(利用栈)
  15. Java POI的Excel操作(行高列宽比例;生成说明,标题,字段;导出Excel代码,压缩)
  16. Chapter8:控制系统状态空间分析
  17. #ifndef的神仙用法
  18. 基于飞桨复现图像分类模型TNT,实现肺炎CT分类
  19. Symantec NetBackup 8.1 Client windows install 并设置备份
  20. 2013年5月17日 百度发布“石榴算法”

热门文章

  1. 亮度均匀性 matlab,亮度均匀性(Uniformity)
  2. 矩阵满秩分解原理解释
  3. 爱测未来移动-iTest特色功能介绍
  4. Alt键一直处于按下状态 解决办法
  5. 简单的python爬虫程序:爬取斗鱼直播人气前五十的主播
  6. 计算机防勒索病毒需求分析
  7. 帝国cms 未审核 showinfo.php,帝国CMS评论列表标签showplinfo调用会员头像userpic的方法...
  8. 1538G. Gift Set
  9. android 侧滑栏教程,Android控件开发——DrawerLayout侧滑菜单的实现
  10. OSM和PBF数据格式说明