田野与天

2021年2月26日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-02-26 12:00 田野与天阅读(246) 评论(0) 推荐(0) 编辑

Vue从子组件向父组件发送消息

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-02-26 11:45 田野与天阅读(363) 评论(0) 推荐(0) 编辑

2021年2月25日

Vue自定义复合组件

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-02-25 16:52 田野与天阅读(198) 评论(0) 推荐(0) 编辑

Vue自定义组件

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-02-25 14:28 田野与天阅读(67) 评论(0) 推荐(0) 编辑

防止反应慢的电脑出现{{msg}}

摘要： vue中使用{{msg}}来表示msg需要被vue后续处理替换，理论上这个替换在秒级别就能完成，正常来说是不会看到{{}}这些字符的，但是我记得有一些大的网页在加载的时候，会出现比较多的{{}}，这时候要如何避免呢？ <!DOCTYPE html> <html lang="en"> <head> < 阅读全文

posted @ 2021-02-25 13:38 田野与天阅读(173) 评论(0) 推荐(0) 编辑

Vue计算属性

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2021-02-25 11:25 田野与天阅读(52) 评论(0) 推荐(0) 编辑

vue实现自定义的v-xxx指令

摘要：有时候，我会比较疑惑，v-show v-if这些指令都是怎么写出来的，那么今天我就和大家一起看一下，如何自己写一个自己的指令，比如就叫v-xxx指令吧。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name 阅读全文

posted @ 2021-02-25 10:26 田野与天阅读(939) 评论(0) 推荐(0) 编辑

vue v-model高级用法

摘要： v-model.lazy <input type="text" v-model.lazy="myValue1"/> v-model用于和一个数据变量绑定，一般input中输入了某个字符，model中的变量也会跟着变化。用了lazy后，只有按下回车或者鼠标移开点击其他地方的时候才会触发一次更新。 v- 阅读全文

posted @ 2021-02-25 09:05 田野与天阅读(966) 评论(0) 推荐(0) 编辑

2021年2月24日

vue捕获键盘按键事件

摘要：有时候我们想要捕获，或者统计一下健康在某个input框中点击了多少次键盘按键。有时候我们只需要捕获回车键盘，那么我们今天一并演示一下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor 阅读全文

posted @ 2021-02-24 11:59 田野与天阅读(1010) 评论(0) 推荐(0) 编辑

vue的prevent事件

摘要：在实际开发中，有的时候，我们想要改变某些组件原生的动作，比如默认情况下，如果我点击一个<a>标签，那么默认会自动跳转到href对应的链接上去。如果我想要阻止这些原生的动作行为，那么这时候，我们就要使用prevent了，我们来举一个例子看看： <!DOCTYPE html> <html lang="e 阅读全文

posted @ 2021-02-24 11:48 田野与天阅读(3389) 评论(0) 推荐(0) 编辑

公告