摘要：
属性绑定 v-bind 可以通过v-bind将属性值与数据绑定，这样就可以统一化管理 通过这样我们就可以直接访问跳转到百度页面 同样的这个值我们也可以通过事件进行改变 这样就可以方便我们做一些其它的操作。 v-bind实现v-model（v-model实质） 通过v-bind绑定属性value的数据 阅读全文
posted @ 2020-12-13 10:02
黎沐不吃香菜
阅读(253)
评论(0)
推荐(0)
摘要：
按键修饰符 keyup 通过官方文档可查询到特殊的按键修饰符 .enter .tab .delete (捕获“删除”和“退格”键) .esc .space .up .down .left .right 调用方法： 自定义按键修饰符别名： 我们可以通过全局 config.keyCodes 对象自定义按 阅读全文
posted @ 2020-12-12 22:58
黎沐不吃香菜
阅读(282)
评论(0)
推荐(1)
摘要：
stop修饰符 阻止冒泡行为 可以在函数中利用$event传参通过stopPropagation()阻止冒泡 通过直接在元素中的指令中添加 .stop prevent修饰符 阻止默认行为 可以在函数中利用$event传参通过preventDefault()阻止默认行为 通过直接在元素中的指令中添加 阅读全文
posted @ 2020-12-12 22:31
黎沐不吃香菜
阅读(778)
评论(0)
推荐(0)
摘要：
事件函数传参 在元素绑定事件时候，如果我们的函数没有传参，他也会有一个默认的传参值 event 但是如果我们的函数有传参，那么它必须作为做为最后一个传参值显示传递，且必须为$event 通过代码打印我们的传参值 运行之后，只点击按钮1得到以下结果： 然后再点击按钮2 可以知道 $event 传递的是 阅读全文
posted @ 2020-12-12 21:58
黎沐不吃香菜
阅读(1675)
评论(0)
推荐(0)
摘要：
事件基本用法 事件的函数都定义在VUE实例中的methods中，当然也可以直接写在元素内，但是这并不利于后期的维护，需要注意的是：在methods定义的函数内想要引用插值内容，需要使用this，不然就会报错 而在元素内就不有这样的情况 调用函数同样使用this 阅读全文
posted @ 2020-12-12 21:49
黎沐不吃香菜
阅读(221)
评论(0)
推荐(0)
摘要：
双向数据绑定 就是既可以从页面传到数据也可以从数据到页面 初始运行结果为： 在输入框 更改数据 相应的输入框上的也会相对改变 然后再试试利用控制台更改数据 可以看到数据也被改变了 而且输入框中的内容也改变了 阅读全文
posted @ 2020-12-12 21:39
黎沐不吃香菜
阅读(82)
评论(0)
推荐(0)
摘要：
v-once 使用了这个指令，那么这个值将只会渲染一次，后续将不会再被更改 初始运行结果： 在控制台中分别修改他们的值： 可以看到使用了v-once指令的插值没有被修改。 阅读全文
posted @ 2020-12-12 21:28
黎沐不吃香菜
阅读(108)
评论(0)
推荐(0)
摘要：
v-text 用于将数据填充到标签中，作用于插值表达式类似，但是相对于直接插值是没有闪动问题的 v-html 用于将HTML片段填充到标签中，但是可能有安全问题（易被跨域脚本攻击[XSS攻击]） v-pre 用于显示原始信息(即使使用插值，依旧还是显示打在代码中的内容) 运行结果： 阅读全文
posted @ 2020-12-12 21:23
黎沐不吃香菜
阅读(133)
评论(0)
推荐(0)
摘要：
vue插值 v-cloak 使用VUE时，页面刷新时会出现闪动的现象（即在插值时会显示两侧的 {}） 先定义一个VUE 通过选择器在style中定义v-cloak的display值为none 再在元素中添加v-cloak指令 这样就不会出现闪动的问题。 或者利用v-text导入插值，这样也不会出现闪 阅读全文
posted @ 2020-12-12 21:16
黎沐不吃香菜
阅读(83)
评论(0)
推荐(0)
浙公网安备 33010602011771号