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，是需要原生方式来写，这个你自己看情况有没有必要了。

Answer 2

函数插件都一样导入就行了
区别是
jq是操作dom
vue,react,ng这三个都是组件的思想，数据驱动，你可以封装出很多独立的组件来组合使用