JS/JQ插件和vue,react,anglar可否引用自己的封装插件（或者说函数库）库。

Question

最近在看面向对象的编程思路，受益匪浅。但是我遇到一些问题。JS/JQ可以把自己常用的方法，页面效果，验证等各种各样的功能做成插件库。思路结构如下代码：

(function($, window, document,undefined) {

    //定义Beautifier的构造函数

    var Beautifier = function(ele, opt) {

        this.$element = ele,

        this.defaults = {

            'color': 'red',

            'fontSize': '12px',

            'textDecoration': 'none'

        },

        this.options = $.extend({}, this.defaults, opt)

    }

    //定义Beautifier的方法

    Beautifier.prototype = {

        beautify: function() {

            return this.$element.css({

                'color': this.options.color,

                'fontSize': this.options.fontSize,

                'textDecoration': this.options.textDecoration

            });

        }

    }

    //在插件中使用Beautifier对象

    $.fn.myPlugin = function(options) {

        //创建Beautifier的实体

        var beautifier = new Beautifier(this, options);

        //调用其方法

        return beautifier.beautify();

    }

})(jQuery, window, document);

目前流行的vue,react，AG 这三大前端框架跟JS/JQ有很大不同。但是也是基于JS来的。这三者，我最近也在看，但是，这三大框架的能否调用自己的写的插件，还有就是在不依赖JQ的情况下，是否需要把插件用原生JS来写，再去使用三大框架调用。

请论坛经验丰富的朋友分享下这方面的经验，谢谢。

Answer 1

1、都可以调用自己写的插件，原理跟jq类似，你可以在需要引用的地方直接引入或者全局引入；2、不依赖jq，是需要原生方式来写，这个你自己看情况有没有必要了。