若依vue中字典Dict插件的研究

文章目录

  • 涉及的知识点
    • 插件与组件的区别
    • 插件的作用
    • this.$options
    • minx
    • 开发插件
  • 若依vue dict插件
    • 插件安装
    • 插件定义
      • this.dict.init(this.$options.dicts)
      • options和this.$options的差别
        • options
        • this.$options
    • 具体代码,加了一些注释,方便理解
      • dict/index.js
      • dict/DictOptions.js
      • Dict.js
  • 后续

涉及的知识点

插件与组件的区别

Vue组件(component)用来构成你的App的业务模块,它的目标是App.vue。
Vue插件(plugin) 用来增强你的技术栈的功能模块, 它的目标是Vue本身。(插件是对Vue的功能的增强和补充)

插件的作用

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:
添加全局方法或者属性。如: vue-custom-element
添加全局资源:指令/过滤器/过渡等。如 vue-touch
通过全局混入来添加一些组件选项。如 vue-router
添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现。
一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router

this.$options

若依vue中字典Dict插件的研究_第1张图片
上图中dicts的值可以通过this.$options.dicts拿到

options的五类属性

你可能感兴趣的:(#,vue,若依实战分享,vue.js,javascript,前端)