vue中学习使用非jquery|vue中学习使用非jquery 下的fullcalendar 日历的正确打开方式。
这两天打算在工程中加上fullcalendar,查了网上的文章和方案,对比之下还是使用老牌的日历控件fullcalendar
更快速一些。同时发现,网上介绍使用fullcalendar的文章多为使用jequery,
以及在vue中引入jquery然后使用fullcalendar的文章。实际上在fullcalendar-vue项目中已经完成可以使用vue的配置方式来正确使用fullcalendar
下面是官网说明与地址:https://fullcalendar.io/docs/vue
官方说明:FullCalendar seamlessly integrates with the Vue JavaScript framework. It provides a component that exactly matches the functionality of FullCalendar’s standard API.【vue中学习使用非jquery|vue中学习使用非jquery 下的fullcalendar 日历的正确打开方式。】所以问题来了,官方声称完全兼容,但是其文档都是 原来在jquery下的调用方式,那在vue中到底标签中有哪些属性可以用,哪些方法可以调用它的调用名称是什么?
FullCalendar与Vue JavaScript框架无缝集成。它提供的组件与FullCalendar的标准API的功能完全匹配。
实际上网上没有更多的展开,这里记录一个方法,就是看 fullcalendar-vue的源代码,该项目已经在github上面开源
地址是:
https://github.com/fullcalendar/fullcalendar-vue
打开源代码可以看的目录如下:
文章图片
image.png 打开fullcalendar-options.js 文件 可以看的所有属性的定义
文章图片
image.png
好了如果熟悉vue组件封装的你就应该,有一种找到宝藏的感觉,对的所有标签的能支持的方法都在这里了。
那目如何用呢?
这时可以根据属性名称,再看官方文档,比如 nowIndicator这个属性
文章图片
image.png 查官方文档如下:
文章图片
image.png 所有使用方法就可以一目了然,不用再再网上找教程和使用说明了。
以上总结,多看源代码,相信官方文档。不知道你是否赞同呢?
推荐阅读
- 余生|余生 你要怎么活
- “中华颂”
- 人生中的第一次运动会,是一种什么样的体验()
- 20180801
- 感恩――我的青椒学习之旅
- (日更第49天)小别
- 学习能力和学习计划
- 中秋有怀
- 拒绝做中的生活焦虑者
- 真实的谎言