vue在组件中引入插件的方法有哪些?
-
插件
插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:
- 添加全局方法或者属性。如: vue-custom-element
- 添加全局资源:指令/过滤器/过渡等。如 vue-touch
- 通过全局混入来添加一些组件选项。如 vue-router
- 添加 Vue 实例方法,通过把它们添加到
Vue.prototype
上实现。 - 一个库,提供自己的 API,同时提供上面提到的一个或多个功能。如 vue-router
示例:安装 ElementUI
-
安装:
yarn add element-ui
-
引入,在 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')
-
在组件中使用:
<template> <div> <Button>Button</Button> </div> </template> <script> import { Button } from 'element-ui'; export default { components: { Button } }; </script>
-
更多配置参考 官方文档
-
npm安装,在main.js里import,然后Vue.use(xx)后便可全局使用,
有些特殊的需要做配置,如less、scss插件,还要在webpack下配置好对应的loader -
Vue.use(xx)
Vue.prototype.xxx = xxx
是这样吗?
请大佬们指证Vue.use(xx)=》注册插件
Vue.prototype.xxx = xxx=》绑定方法
不是同一个东西,插件包含多个方法、多个属性.....一大堆,而Vue.prototype.xxx = xxx只是引入插件里的一小个方法而已