引入外部模块
除了 element-ui 组件以及脚手架内置的业务组件, 有时我们还需要引入其他外部组件, 这里以引入 vue-count-to https://github.com/PanJiaChen/vue-countTo 为例进行介绍.
引入依赖
在终端输入下面的命令完成安装:
$ NPM install vue-count-to --save
加上 --save 参数会自动添加依赖到 package.JSON 中去.
使用
全局注册
main.JS
- import countTo from 'vue-count-to'
- Vue.component('countTo', countTo)
- <template>
- <countTo :startVal='startVal' :endVal='endVal' :duration='3000'></countTo>
- </template>
局部注册
- <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>
来源: http://www.bubuko.com/infodetail-3260902.html