vue-elementUi-Calendar前端日历插件折腾记

最近好不容易闲了下来，把之前写的vue的日历总结一下，贴出来，过程中深刻的理解到做事情一定要趁热打铁，速战速决，不要拖拖拉拉，否则不仅仅是自己就忘记了，而且很影响效率。

成都创新互联公司是创新、创意、研发型一体的综合型网站建设公司，自成立以来公司不断探索创新，始终坚持为客户提供满意周到的服务，在本地打下了良好的口碑，在过去的10余年时间我们累计服务了上千家以及全国政企客户，如成都会所设计等企业单位，完善的项目管理流程，严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致称赞。

直接在标签中添加click事件（@click＝fn），然后在vue实例中的（methods）配置项里添加方法fn，实现你的功能。

npm i element-ui -S，2：引入 Element 你可以引入整个 Element，或是根据需要仅引入部分组件。我们先介绍如何引入完整的 Element。

使用Vue组件如何实现日历(详细教程)

注释：Demo fc will dispatch some events out.You will be able to register your own stuff by using slots 最后需要改写一个大神，封装好了的，我只是拿来用加以修改，详情请看下文。

之前在项目中，有一个固定屏幕顶部的横向日历条的需求，当时找了半天，没发现有合适的能用于vue的现成的轮子，于是只好自己徒手撸了个日历组件。

直接使用 dayjs 来实现格式化， https：//day.js.org/docs/zh-CN/display/format 。因为element-plus用的就是这个，我们就不引入其他库了，这样就可以非常灵活了。按月查、按年查，设置开始结束都可以。

这次给大家带来的是vue.js todolist如何实现，首先我们要知道vue.js基础知识和HTML5 本地存储localstorage，这篇文章就给大家好好分析一下。

vue中，组件是可复用的 Vue 实例。因为组件是可复用的 Vue 实例，所以它们与 new Vue 接收相同的选项，例如 data、computed、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。

jquery和vue的区别是什么

侧重vue侧重数据绑定，可以应用于复杂数据操作的后台页面。

vue和jquey对比 jQuery是使用选择器（）选取DOM对象，对其进行赋值、取值、事件绑定等操作，其实和原生的HTML的区别只在于可以更方便的选取和操作DOM对象，而数据和界面是在一起的。

vue是目前最流行的前端的技术框架之一，目前很多公司都在使用。jquery是前端技术框架之一，基于javascript语言的，可以快速搭建前端工程，对页面控件进行控制和绚烂。

两者的主要区别：在build/webpack.dev.conf.js和build/webpack.prod.conf.js中配置即可。

vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。

vue本身是操作数据的，例如说，做一个tab选项卡，如果是jquery，我们第一步会想，当前点的那个，从dom中jquery（“#name”）给他找出来，再运行function。等于是你遍历了两遍dom。效率是非常低的。

Vue.js横向日历组件

1、之前在项目中，有一个固定屏幕顶部的横向日历条的需求，当时找了半天，没发现有合适的能用于vue的现成的轮子，于是只好自己徒手撸了个日历组件。

2、a. 处理原始数据，把原始数据查分，用json缓存下来，这样方便后面操作和显示。这里面我只兼容YYYY-MM-DD的格式，其他的都不兼容，如果你想兼容其他格式，你可以修改其代码，或者用moment.js 等其他库帮你做这件事情。

3、watch、methods 以及生命周期钩子等。仅有的例外是像 el 这样根实例特有的选项。组件注册全局注册通过 Vue点抗 ponent 来创建组件： Vue点抗 ponent(my-component-name， { // ... 选项 ... })这些组件是全局注册的。

4、直接使用 dayjs 来实现格式化， https：//day.js.org/docs/zh-CN/display/format 。因为element-plus用的就是这个，我们就不引入其他库了，这样就可以非常灵活了。按月查、按年查，设置开始结束都可以。

5、什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。

6、MintUI 饿了么公司前端团队开发的基于vue的移动端组件库，功能齐全，在git上有18k的star，非常不错的一款移动开发工具。guan 方地址：#！/en Vant 有赞前端团队开发移动端组件库，还支持小程序。

新闻名称：vuejquery日历 vue做一个日历并且可以记录事件
URL网址：http://myzitong.com/article/dgdecee.html