随笔分类 -  VUE笔记本

记录傻鱼和VUE的日常生活

（一）将mockjs集成到VUE中后，怎样根据接口入参返回mock结果

摘要：1）安装mockjs，这一步跳过 2）在项目中建立mock模块，笔者的目录结构如下 mock模块与接口模块一一对应，有一个接口，就有一个mock 3）编写登陆模块mock接口，代码如下： import * as appUtils from '../../utils/appUtils' /** * 系 阅读全文

posted @ 2019-12-11 13:10 昭冥大人呀 阅读(1491) 评论(0) 推荐(0)

（二）咋使用VUE中的事件修饰符

摘要：1，stop修饰符：阻止事件冒泡 首先我们要明确H5的事件是从内向外进行冒泡的，写一个简单的DEMO 当我们点击按钮时，事件从内向外冒泡，依次触发绑定的事件，控制台信息如下 现在我们在click后面添加.stop修饰符，如下： 我们发现再次点击按钮后，事件不再冒泡，控制台只打出 2.prevent取 阅读全文

posted @ 2019-12-10 14:36 昭冥大人呀 阅读(157) 评论(0) 推荐(0)

（一）sync分析之为啥el-dialog中的visible需要使用.sync

摘要：首先，笔者在使用element-ui 中的dialog组件时，发现visible属性在使用时需要添加.sync才生效，心中好奇，所以研究一下原理 我们先自己创建一个dialog组件，如下 当我们点击关闭按钮时，会发生警告 原因就是在VUE中，prop的传递是单向下行绑定的，也就是说只能父传给子，不能 阅读全文

posted @ 2019-12-09 17:48 昭冥大人呀 阅读(21586) 评论(0) 推荐(4)