vue3中全局以及局部使用dayjs

全局使用

cnpm i dayjs --save
// main.ts

import 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.day
          const 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>