【简化Vue.js应用开发】分享三个自定义指令,帮助你在Vue应用中集成Echarts、Remodal和Pikaday
发布于 2 个月前 作者 panteng 951 次浏览 来自 分享

Vue-Echarts

banner.jpg

自定义指令,实现在Vue应用中使用Echarts

Demo GitHub Repo

Vue-Pikaday

banner.jpg

自定义指令,实现在Vue应用中使用Pikaday

Demo GitHub Repo

Vue-Remodal

banner.jpg

自定义指令,实现在Vue应用中使用Remodal

Demo GitHub Repo

写在后面

Echarts、Remodal和Pikaday是我在开发后台管理类网站时常用的三个第三方组件。我将它们以Vue指令的形式包裹起来以便于更好的在Vue应用中使用它们。如果你觉得这三个指令对你有点用处,欢迎提些建议或反馈BUG~

13 回复

正好需要, mark

不太喜欢这种模式,vue我没真正的用过,但这样引入一个modal型的组件,还需要在page上写上对应的html代码,感觉过于繁琐!

@Alex-fun 首先,这不是Vue组件,只是一个指令,让编程者可以在Vue应用中使用Remodal这个插件。其次,弹窗里显示的内容当然要编程者自己写HTML。

@panteng 在我看来,指令也是组件。

我举个驴子: 一个alert提示框,如果按照你现在这种模式,哪个页面需要,哪个就要写上去,页面多了往后修改起来还麻烦。而且这种提示框,内容一般是多变的。

换个思路,如果是直接提供一个全局方法来调用提示框,且仅需要传入不同的参数即可,方便快捷!

以上是我之前在学vue时的一些想法,我是觉得用vue并不需要啥都用vue实现,我自己是偏向于第二种。

回到顶部