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 · 940 阅读 · 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 · 286 阅读 · 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 · 176 阅读 · 0 评论 -
自定义组件和参数传递
（1） list:自定义组件 li:要替换的组件 components:注册函数 template:替换的关键字 （2）参数传递:props:[数据1,数据2]接受数组类型值,可以把父类组件的值传给子类组件 全局组件 全局组件 Vue.component("list",{ template:"<li>{{cons}}</li&g...原创 2019-10-02 16:10:39 · 843 阅读 · 0 评论 -
数据劫持和数据代理笔记
MVVM 双向数据绑定 数据劫持+发布者订阅模式（不兼容低版本 Object.defineProperty） vue不能新增不存在的属性没有get和set方法，不会监控数据的变化 深度响应 因为每次赋予一个新对象增加prototypey <!DOCTYPE html> <html lang="en"> <head> <meta cha...原创 2019-10-05 13:14:57 · 788 阅读 · 0 评论 -
vue跑马灯实例
业务逻辑层 1、字符串截取第一个字符和剩余字符，将其倒装拼接起来 2、放置到定时器中（注意：此处可以采用箭头函数，不修改this的指向） 3、将定时器设置在对象上，便于操作开始和清除功能 4、做判断，可以不打开多个定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...原创 2019-10-05 15:38:02 · 358 阅读 · 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 · 2272 阅读 · 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 · 160 阅读 · 0 评论