[vue] vue在组件中引入插件的方法有哪些？

[haizhilin2013]

[vue] vue在组件中引入插件的方法有哪些？

[wenyejie]

不是很明白题主的意思, 先mark一下

[forever-z-133]

现在随着组件库越来越多，插件好像就用得少了。

[canwdev]

插件

插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种：

1. 添加全局方法或者属性。如: vue-custom-element
2. 添加全局资源：指令/过滤器/过渡等。如 vue-touch
3. 通过全局混入来添加一些组件选项。如 vue-router
4. 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。
5. 一个库，提供自己的 API，同时提供上面提到的一个或多个功能。如 vue-router

示例：安装 ElementUI

1. 安装：yarn add element-ui

2. 引入，在 main.js 中写入以下内容：

   import Vue from 'vue'
   import App from './App.vue'
   import ElementUI from 'element-ui';
   import 'element-ui/lib/theme-chalk/index.css';
   
   Vue.config.productionTip = false
   Vue.use(ElementUI);
   new Vue({
    render: h => h(App),
   }).$mount('#app')

3. 在组件中使用：

   <template>
    <div>
      <Button>Button</Button>
    </div>
   </template>
   
   <script>
   import { Button } from 'element-ui';
   
   export default {
    components: {
      Button
    }
   };
   </script>

4. 更多配置参考 官方文档

[jim888666]

Vue.use(xx)
Vue.prototype.xxx = xxx 是这样吗？ 请大佬们指证

[radio-qq]

npm安装，在main.js里import，然后Vue.use(xx)后便可全局使用， 有些特殊的需要做配置，如less、scss插件，还要在webpack下配置好对应的loader

[radio-qq]

Vue.use(xx) Vue.prototype.xxx = xxx 是这样吗？ 请大佬们指证

Vue.use(xx)=》注册插件 Vue.prototype.xxx = xxx=》绑定方法 不是同一个东西，插件包含多个方法、多个属性.....一大堆，而Vue.prototype.xxx = xxx只是引入插件里的一小个方法而已

[Cai-zhiji]

全局引入：

将插件在应用的入口文件中全局引入，使其在所有组件中可用。在main.js或类似的入口文件中使用Vue.use()方法引入插件。

// main.js
import Vue from 'vue';
import MyPlugin from 'my-plugin';

Vue.use(MyPlugin);

引入后，插件中的组件、指令、过滤器等将在整个应用范围内可用。

局部引入：

在需要使用插件的组件中进行局部引入。可以在组件的 Githubissues.

Githubissues is a development platform for aggregating issues.