vue
你若盛开 风景自来
这个作者很懒,什么都没留下…
展开
-
自定义指令的钩子函数
<!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原创 2020-08-06 23:37:24 · 837 阅读 · 0 评论 -
vue生命周期
<!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原创 2020-08-06 23:35:38 · 213 阅读 · 1 评论 -
vue基本指令
<!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-U...原创 2019-10-02 14:09:36 · 98 阅读 · 0 评论 -
自定义组件和参数传递
(1) list:自定义组件 li:要替换的组件 components:注册函数 template:替换的关键字(2)参数传递:props:[数据1,数据2]接受数组类型值,可以把父类组件的值传给子类组件全局组件 全局组件 Vue.component("list",{ template:"<li>{{cons}}</li&g...原创 2019-10-02 16:10:39 · 746 阅读 · 0 评论 -
数据劫持和数据代理笔记
MVVM 双向数据绑定 数据劫持+发布者订阅模式(不兼容低版本 Object.defineProperty)vue不能新增不存在的属性没有get和set方法,不会监控数据的变化深度响应 因为每次赋予一个新对象增加prototypey<!DOCTYPE html><html lang="en"><head> <meta cha...原创 2019-10-05 13:14:57 · 740 阅读 · 0 评论 -
vue跑马灯实例
业务逻辑层1、字符串截取第一个字符和剩余字符,将其倒装拼接起来2、放置到定时器中(注意:此处可以采用箭头函数,不修改this的指向)3、将定时器设置在对象上,便于操作开始和清除功能4、做判断,可以不打开多个定时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-10-05 15:38:02 · 307 阅读 · 0 评论 -
vue表单添加内容到页面中
业务逻辑层1、首先采用v-model实现数据双向绑定2、当点击添加时将数据添加到一个空数组中3、做一个循环<li v-for="value in arr">{{value}}</li><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2019-10-05 15:46:19 · 2160 阅读 · 0 评论 -
vue事件修饰符
事件冒泡:当点击按钮时控制台:触发了btn上面的事件 触发了div的点击事件阻止事件冒泡:@click.stop=small 触发了btn上面的事件阻止默认行为 @click.pervent捕获触发事件 @click.capture只有点击当前元素时才触发 @click.self使用once只触发一次 @click.once<!DOCTYPE html...原创 2019-10-05 16:14:27 · 102 阅读 · 0 评论