10 2019 档案

Vue——评论管理模块 小Demo (组件运用)
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2019-10-26 21:22 杨培贤 阅读(989) 评论(0) 推荐(1)
Vue——父、子组件之间的传值、传方法
摘要：父组件向子组件传值 父组件向子组件传递方法供子组件调用 调用方法 还可以传入参数 还可以 data 于 data 之间数据的传输 阅读全文
posted @ 2019-10-26 13:42 杨培贤 阅读(1726) 评论(0) 推荐(1)
Vue——组件
摘要：组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么的功能，就可以去调用对应的组件即可！ 模块化：是从代码逻辑的角度进行划分的，方便代码分层的开发，保证每个功能模块的只能单一 组件化：是从 UI 界面的角度进行划分的，前端的组件化，方便 阅读全文
posted @ 2019-10-25 18:36 杨培贤 阅读(146) 评论(0) 推荐(1)
Vue——动画
摘要：v-enter 【这是一个时间点】 是进入之前，元素的起始状态，此时还没有开始进入 v-leave-to 【这是一个时间点】 是动画离开之后，离开的终止状态，此时，元素 动画已经结束了 v-enter-active 【入场动画的时间段】 v-leave-active 【离场动画的时间段】 v-ent 阅读全文
posted @ 2019-10-25 15:27 杨培贤 阅读(390) 评论(0) 推荐(1)
Vue——v-if 和 v-show 的使用和特点
摘要：使用： true为显示，false为隐藏 特点： v-if ： 每次都会重新删除或创建元素 v-show ：每次不会重新进行DOM的删除和创建操作，只是切换了元素 display：none 样式 v-if ：有较高的切换性能消耗 v-show：有较高的初始渲染消耗 如果元素设计到频繁的切换，最好不要 阅读全文
posted @ 2019-10-20 13:00 杨培贤 阅读(237) 评论(0) 推荐(1)
Vue——v-for中 key 属性的使用
摘要：当在组件中使用 v-for 时，key 现在是必须的。 首先，为了方便演示。我们先搭建一个基础结构 现在我们目前添加的是用的 push 方法，添加到了对象的尾部 在添加之前选中了第五个后再添加也不会出现上面异常 接下来我们再来看看如果是使用 unshift 方法，是添加到对象前面的 我们可以看到如果 阅读全文
posted @ 2019-10-20 11:31 杨培贤 阅读(10788) 评论(0) 推荐(2)
Vue——基础指令
摘要：Vue指令： v-cloak：解决插值表达式闪烁问题 v-text：插入文本 v-html：插入html v-bind：绑定属性 v-on：绑定事件 v-cloak：解决 插值表达式闪烁的问题（当网络比较慢时） 默认设置为dispaly：none，就是说正在加载的时候不显示，等到加载出来时dispa 阅读全文
posted @ 2019-10-19 22:39 杨培贤 阅读(175) 评论(0) 推荐(1)
Vue——v-for指令的四种循环方式
摘要：循环普通数组 循环对象数组 循环对象 迭代数字 如果使用v-for迭代数字的话，前面的 counut 值是从 1 开始的 阅读全文
posted @ 2019-10-19 22:34 杨培贤 阅读(11605) 评论(0) 推荐(3)
Vue——如何在Vue中使用样式
摘要：使用class样式 1.数组 第一种使用方式，直接传递一个数组，注意：这里的class需要使用 v-bind做数据绑定 2.数组中使用三元表达式 false true 3.数组中嵌套对象 false true 4.直接使用对象（不用数组包裹） false true 既然是一个对象，那我们也可以直接在 阅读全文
posted @ 2019-10-19 16:18 杨培贤 阅读(3404) 评论(0) 推荐(1)
Vue——实现简易计算器
摘要：效果图 阅读全文
posted @ 2019-10-19 10:41 杨培贤 阅读(1133) 评论(0) 推荐(1)
Vue——指令之 v-model 和双向数据绑定
摘要：v-model 首先我们先创建一个结构 到控制台就可以看到我们的数据了 输入vm.msg获取数据 改变msg数据 页面会因为数据改变而改变就叫做单向数据绑定 接下来我们来看一个可以双向数据绑定的 你改我也改，我改你也改的。 我们先为结构添加一个input输入框 现在就是我改你也改，你改我也改了 阅读全文
posted @ 2019-10-18 23:45 杨培贤 阅读(268) 评论(0) 推荐(1)
Vue——事件修饰符
摘要：事件修饰符：stop 阻止冒泡 prevent 阻止默认事件 capture 添加事件侦听器时使用事件捕获模式 self 只当时间在该元素本身（比如不是子元素）触发时触发回调 once 事件只触发一次 sopt： 如果没有没有设置阻止冒泡事件，子元素就会向父元素产生冒泡事件 添加stop后 prev 阅读全文
posted @ 2019-10-18 18:00 杨培贤 阅读(126) 评论(0) 推荐(1)
Vue——制作跑马灯效果
摘要：先上效果图，解释都在代码注释里边 阅读全文
posted @ 2019-10-18 13:45 杨培贤 阅读(689) 评论(0) 推荐(1)
Vue——使用vue输出Hello world!
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc 阅读全文
posted @ 2019-10-17 17:18 杨培贤 阅读(2415) 评论(0) 推荐(1)