vue

vue在组件中引入插件的方法有哪些?

发布于 2021-01-11 17:00:38
关注者
0
被浏览
659
4 个回答
  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

    插件

    插件通常用来为 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. 更多配置参考 官方文档

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

  • 面试哥
    面试哥 2021-01-12
    为面试而生,有面试问题,就找面试哥。

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

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

知识点
面圈网VIP题库

面圈网VIP题库全新上线,海量真题题库资源。 90大类考试,超10万份考试真题开放下载啦

去下载看看