vue笔记(第一天)

插值表达式:

响应式处理数据;

Vue指令:

{{}}展示纯文本;

v-gtml

动态设置thml的

v-show

v-if

控制元素的显示和隐藏;

v-show="表达式",表达式为true可以显示,为false隐藏;切换css:display:none

v-if="表达式",表达式为true可以显示,为false隐藏控制元素的创建;

使用场景:

v-show:频繁切换显示隐藏的场景;

v-if:不频繁切换的场景;

v-on

v-on:click ="" 等价于 @clock="";

v-bind:

动态设置属性标签:v-bind:src 等价于:src (url) title

相关推荐
叫我詹躲躲1 分钟前
Vue 3 动态组件详解
前端·vue.js
叫我詹躲躲1 分钟前
基于 Three.js 的 3D 地图可视化:核心原理与实现步骤
前端·three.js
TimelessHaze2 分钟前
算法复杂度分析与优化:从理论到实战
前端·javascript·算法
San304 分钟前
现代前端工程化实战:从 Vite 到 Vue Router 的构建之旅
vue.js·vite·vue-router
_请输入用户名4 分钟前
打开Vue3的黑匣子:工程结构背后的设计哲学
vue.js·前端框架
深蓝海拓6 分钟前
PySide6从0开始学习的笔记(七) 控件(Widget)之文字输入类控件
笔记·python·qt·学习·pyqt
旧梦星轨6 分钟前
掌握 Vite 环境配置:从 .env 文件到运行模式的完整实践
前端·前端框架·node.js·vue·react
PieroPC7 分钟前
NiceGui 3.4.0 的 ui.pagination 分页实现 例子
前端·后端
重生之我在番茄自学网安拯救世界8 分钟前
网络安全中级阶段学习笔记(八):upload靶场实战(1-13关)-文件上传漏洞绕过1
笔记·学习·网络安全·文件上传漏洞·靶场实战
晚霞的不甘8 分钟前
实战前瞻:构建高可用、强实时的 Flutter + OpenHarmony 智慧医疗健康平台
前端·javascript·flutter