如何在适配Vue的旧版Casl插件中实现ability实例注入

适配Vue 2的旧版@casl/vue（通常为v4.x及更早版本），无需使用Vue 3专属的inject语法，可按以下两种方式实现实例注入：

• 全局注册自动注入（主流使用方案）
  首先在项目入口文件（如main.js）中完成插件注册，传入你提前定义好的ability实例：

  import Vue from 'vue'
  import { abilitiesPlugin } from '@casl/vue'
  import ability from './services/ability' // 替换为你本地定义ability实例的文件路径
  
  Vue.use(abilitiesPlugin, ability)
  

  完成注册后，所有组件可直接通过this.$ability访问实例，无需额外配置：

  export default {
    methods: {
      checkEditPermission(post) {
        return this.$ability.can('edit', post)
      }
    }
  }
  

• 显式手动注入
  如果你不想全局注册，需要类似新版的显式注入写法，可直接使用旧版暴露的注入keyABILITY_KEY实现：

  import { ABILITY_KEY } from '@casl/vue'
  
  export default {
    inject: {
      $ability: { from: ABILITY_KEY }
    }
  }
  

内容的提问来源于stack exchange，提问作者Yossi Bondasd