基于Vue的文字跑马灯组件(npm 组件包)(3)

<template> <div> <div><vue-marquee content="33333" :showtwo="false"></vue-marquee></div> <div><vue-marquee content="22222" :showtwo="false"></vue-marquee></div> <div><vue-marquee content="1" :showtwo="false"></vue-marquee></div> <router-view></router-view> </div> </template> <script> import VueMarquee from 'vue-marquee-ho'; import Css from 'vue-marquee-ho/dist/vue-marquee.min.css' export default { name: 'app', components:{ "vue-marquee": VueMarquee }, } </script>

效果：

五、总结

总算发布出去，能正常使用了！花了挺多时间的，虽然这个组件思路比较简单，但是说不定别人能用上呢。这个组件的雏形代码比现在多，不过之前在项目中直接引用也能正常使用。但是把他打包发布出去再使用的过程，出了很多问题，反复修改代码，精简代码，最终终于成功了！21次的提交记录，不容易呀，源代码地址：

vue-marquee-ho

以上所述是小编给大家介绍的基于Vue的文字跑马灯组件(npm 组件包)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章: