开发插件

开发自定义插件

src/services/demo.js (新建自定义插件)

// 插件是自包含的代码，通常向 Vue 添加全局级功能。
// 它可以是公开 install() 方法的 object，也可以是 function

export default {
  install(app, options)
  {
     //定义全局
     app.config.globalProperties.$demo = () => {
       return '自定义插件';
     }
  }
}

src/main.js (全局挂载)

//加载自定义插件
import demo from './services/demo'

const app = createApp(App)
    .use(demo)
    .mount('#app')

调用

export default 
{
    async created()
    {
      //调用自定义插件
      console.log(this.$demo())
    }
}

vue3-cookies

Vue中操作Cookie插件：https://www.npmjs.com/package/vue3-cookies

npm install vue3-cookies --save

yarn add vue3-cookies -S

挂载：src/main.js

import VueCookies from 'vue3-cookies'

const app = createApp(App)
    .use(VueCookies)
    .mount('#app')

使用

export default {
    async created()
    {
      //设置cookie
      this.$cookies.set('LoginUser', '用户信息')

      //获取cookie
      this.$cookies.get('LoginUser')

      //删除
      this.$cookies.remove('LoginUser')
    }
}