引入外部模块

    在终端输入下面的命令完成安装：

    main.js

    1. import countTo from 'vue-count-to'
    2. Vue.component('countTo', countTo)

    局部注册

    1. <template>
    2. </template>
    4. <script>
    6. export default {
    7.   components: { countTo },
    8.   data () {
    9.     return {
    10.       startVal: 0,
    11.     }
    13. }
    14. </script>

    main.js

    由于所有的组件都会从 Vue 的原型对象上继承它们的方法, 因此在所有组件/实例中都可以通过 this.$moment: 的方式访问 Moment 而不需要定义全局变量或者手动的引入.

    MyNewComponent.vue

    1. export default {
    2.   created() {
    3.     console.log('The time is '.this.$moment().format('HH:mm'))
    4.   }
    5. }

    很多时候我们会发现，有些组件并没有 vue 版本，其实在 vue 中引入第三方组件是很简单的。只要在合适的声明周期里面初始化它就好了。一般在 中，之后和正常使用它就没什么区别了。

    详细的可见文章：

    原文: https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/import.html