在Vue框架下使用Fullcalendar

在Vue框架下使用Fullcalendar

2019年12月14日作者:月光光标签:JavaScript  Vue.js  Fullcalendar 

Fullcalendar是一个非常受欢迎的日历日程处理的js组件,它功能强大,文档齐全,可定制化高,可与你的项目无缝对接。本站之前有很多文章介绍了Fullcalendar(v3)的使用。今天我们来看看如何在Vue框架下使用Fullcalendar。阅读全文

Javascript数组的一些骚操作

Javascript数组的一些骚操作

2019年12月07日作者:月光光标签:JavaScript 

如何操作数组在编程语言和脚本语言中是最基础的技能,Javascript也提供了内置的的数组操作函数和方法,今天我们主要介绍前端开发中经常遇到的操作数组的常规方法以及ES6操作数组的神奇方法。阅读全文

Vue项目中使用Axios封装http请求

Vue项目中使用Axios封装http请求

2019年10月22日作者:月光光标签:JavaScript  Vue.js  Ajax 

使用axios可以统一做请求响应拦截,例如请求响应时我们拦截响应信息,判断状态码,从而弹出报错信息。请求超时的时候断开请求,还可以很方便地使用then或者catch来处理请求。阅读全文

Vuex与组件通信

Vuex与组件通信

2019年09月20日作者:月光光标签:JavaScript  Vue.js 

我们在开发一些比较大型的项目中,既有父子组件通信又有兄弟组件通信,甚至无关联的组件间也要通信,这时单靠前面文章中讲的$emit,$on,$refs等方式管理数据显得比较混乱,那么我们可以使用Vuex来管理组件间的数据通信。阅读全文

Vue组件间通信:兄弟组件间通信

Vue组件间通信:兄弟组件间通信

2019年09月14日作者:月光光标签:JavaScript  Vue.js 

我们知道Vue组件间通信方式有多种,我们可以让父子组件间通信变得很简单,也可以让兄弟组件间通信变得容易。本文我们主要介绍兄弟组件间的通信方式:eventBus。阅读全文

Vue组件间通信:父子组件通信(2)

Vue组件间通信:父子组件通信(2)

2019年08月29日作者:月光光标签:JavaScript  Vue.js 

上一期我们了解了Vue父子组件间使用Props和$emit自定义事件的方式通信,父子组件间可以很方便的进行数据交互,本文将继续补充父子组件间通信的方式:$refs,我们可以在父组件中使用$refs访问到子组件的方法。阅读全文

Vue组件间通信:父子组件通信(1)

Vue组件间通信:父子组件通信(1)

2019年08月26日作者:月光光标签:JavaScript  Vue.js 

Vue组件间通信包括:父子组件间通信,兄弟组件间通信以及模块之间通信等。Vue是数据驱动视图更新的框架, 所以对于Vue来说组件间的数据通信非常重要。Vue实现组件间通信有很多方式,今天我来给大家讲解一下父子组件间通信:props和$emit。阅读全文

Vue移动端右滑屏幕返回上一页

Vue移动端右滑屏幕返回上一页

2019年06月25日作者:月光光标签:Vue.js  JavaScript 

有些时候我们玩手机更喜欢使用手势滑动带来的用户操作体验。Vue touch directive是一个用于移动设备操作指令的轻量级的VUE组件。使用它可以轻松实现屏幕触控、滑动触发事件,提高用户体验。本文结合实例讲解如何实现Vue移动端右滑屏幕返回上一页。阅读全文

使用vue-i18n实现多语言切换效果

使用vue-i18n实现多语言切换效果

2019年06月18日作者:月光光标签:Vue.js  HTML5  JavaScript 

有些项目我们需要支持多种语言切换,满足国际化需求。 vue-i18n是一个vue插件,主要作用就是让项目支持国际化多语言,使用方便快捷,能很轻松的将我们的项目国际化。本文主要介绍使用vue-i18n实现切换中英文效果。阅读全文

使用Vue实现移动端左滑删除效果

使用Vue实现移动端左滑删除效果

2019年05月16日作者:月光光标签:JavaScript  Vue.js 

左滑删除在移动端是很常见的一种操作,常见于删除购物车中的商品,删除收藏夹中文章等等场景。我们只需要手指按住要删除的对象,然后轻轻向左滑动,便会出现删除按钮,然后点击删除按钮即可删除对象。阅读全文