标签:Vue.js

Vuex与组件通信

Vuex与组件通信

2019年09月20日作者:月光光

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

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

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

2019年09月14日作者:月光光

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

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

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

2019年08月29日作者:月光光

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

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

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

2019年08月26日作者:月光光

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

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

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

2019年06月25日作者:月光光

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

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

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

2019年06月18日作者:月光光

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

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

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

2019年05月16日作者:月光光

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

基于animate动画库的数字增长动画组件

基于animate动画库的数字增长动画组件

2018年11月10日作者:月光光

这是一个基于anime动画库的数字增长动画组件,适用于动态图表统计中,可以设置动画效果时长、延时以及基于easing的动画效果。阅读全文

使用vue2实现带地区编号和名称的省市县三级联动效果

使用vue2实现带地区编号和名称的省市县三级联动效果

2018年11月03日作者:月光光

我们知道省市区县都有名称和对应的数字唯一编号,使用编号可以更方便查询以及程序处理,我们今天来了解一下使用vue2来实现常见的省市区下拉联动选择效果。阅读全文

基于Vue2的简易的省市区县三级联动组件

基于Vue2的简易的省市区县三级联动组件

2018年10月24日作者:月光光

这是一个基于Vue2的简易省市区县三级联动组件,可以控制只显示省级或只显示省市两级,可设置默认值等。提供原始省市县代码和名称数据,适用于各种有关城市区县的应用。阅读全文