前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >(五)vue指令认识

(五)vue指令认识

作者头像
老怪兽
发布2023-02-22 16:04:46
发布2023-02-22 16:04:46
20900
代码可运行
举报
运行总次数:0
代码可运行

vue-指令

即将进入vue的正式学习,我们先来热身一下简单的看一下几个vue的指令,并说一下他们的用途

代码语言:javascript
代码运行次数:0
复制
v-html: 在模板中原样输出html代码。
v-once: 只渲染一次模板,以后就算数据更新了也不会重新渲染模板
v-bind: 动态绑定参数,可以简写为 :
v-on: 监听事件,可以简写为@
v-for: 循环选渲染模板,为了提高性能必须指定 key

// 再来补充一下其他的
<template/> 渲染一组标签但是不会增加额外的嵌套

// 相关事件的修饰符
.prevent 阻止事件默认行为,就比如说阻止原生 表单form 的提交事件,或者a标签的跳转事件
.stop 阻止事件的冒泡行为
.capture 捕获内层事件,刚好和冒泡事件相反,他会最先触发 .capture的事件
.once 只允许点击一次事件
.self 使用这个修饰符的顺序很重要
@click.prevent.self 会阻止所有的点击
@click.self.prevent 只会阻止对元素自身的点击

// 表单事件的修饰符
.number   这个修饰符会把input 框里面的字符串转换成数组 如果转换不了的话,就会原样输出
.lazy 当input输入的时候他不会去跟着同步,只有当用户输入完以后才会触发

// 最后 请求数据一般放在created 生命周期里面
created() {
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年11月3日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档