Vue.use和Vue.prototype.$xx有什么区别

1、vue.use( xxx ) 是挂载 ，用 vue 的函数编写的 方法/命令/模板/插件 等函数，供框架使用，被引入的 js 文件必须暴露 install 方法。

说明：

1. Vue的插件是一个对象, 就像Element.
2. 插件对象必须有install字段.
3. install字段是一个函数
4. 初始化插件对象需要通过Vue.use（）

注意：

1. Vue.use()调用必须在new Vue之前.
2. 同一个插件多次使用Vue.use()也只会被运行一次.

代码演示如何用Vue.use初始化插件:

// 插件

        const plugin = {

            install() {

                document.write('我是install内的代码')

            }

        }

// 初始化插件

        Vue.use(plugin);  // 页面显示"我是install内的代码"

 2、vue.prototype.$xxx 是js中函数原型的特性: 函数原型上的属性/方法, 在函数实例化后, 可以在任意实例上读取。vue.prototype.$xxx实际就是为了挂载任何想在全局频繁调用的 js 函数/对象。

代码演示如何用Vue.prototype.$xx实现原型链挂载:

//暴露一个地址属性

        module.exports = {

            baseUrl: '//xxx.com/'

        };

// 在 main.js 中挂载该模块

        import static from './static '

        vue.prototype.$static = static

// 就可以在 vue 页面中使用 this.$static.baseUrl 访问 baseUrl 属性