Import Third-party Modules

In addition to the element-ui components and the business components built into the scaffolding, sometimes we also need to import other external components.

Here to import vue-count-to as an example to introduce.

Install dependence

Enter the following command in the terminal to complete the installation:

$ yarn install vue-count-to --save-dev

add --save-dev will automatically add devDependencies to package.json.


Usage

Global Registration

app.js

import countTo from 'vue-count-to'
Vue.component('countTo', countTo)
<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

Local Registration

<template>
  <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
</template>

<script>
import countTo from 'vue-count-to';
export default {
  components: { countTo },
  data () {
    return {
      startVal: 0,
      endVal: 2017
    }
  }
}
</script>


Use Any Javascript Library With Vue.js

Use Any Javascript Library With Vue.js