最近在看面向對象的編程思路，受益匪淺。但是我遇到一些問題。JS/JQ可以把自己常用的方法，頁面效果，驗證等各種各樣的功能做成插件庫。思路結構如下代碼：

(function($, window, document,undefined) {
    //定義Beautifier的構造函數(shù)
    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) {
        //創(chuàng)建Beautifier的實體
        var beautifier = new Beautifier(this, options);
        //調用其方法
        return beautifier.beautify();
    }
})(jQuery, window, document);

目前流行的vue,react，AG 這三大前端框架跟JS/JQ有很大不同。但是也是基于JS來的。這三者，我最近也在看，但是，這三大框架的能否調用自己的寫的插件，還有就是在不依賴JQ的情況下，是否需要把插件用原生JS來寫，再去使用三大框架調用。
請論壇經驗豐富的朋友分享下這方面的經驗，謝謝。