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

相关推荐
hellokatewj6 分钟前
React Hooks 全解:原理、API 与应用场景
前端·javascript·react.js
袋鱼不重13 分钟前
保姆级教程:让 Cursor 编辑器突破地区限制,正常调用大模型(附配置 + 截图)
前端·后端·cursor
bieao15 分钟前
Vite+Antd+Micro-app中iframe模式下样式闪烁的问题
前端
zhouzhouya18 分钟前
码上星辰,人间烟火:我的2025
前端·程序员·代码规范
知行力19 分钟前
【GitHub每日速递 20260108】告别云服务弊端,Memos隐私至上自托管笔记服务来袭!
笔记·github
wdfk_prog25 分钟前
[Linux]学习笔记系列 -- [fs]sysfs
linux·笔记·学习
彭涛36126 分钟前
什么是MessageChannel
前端
嘉琪00135 分钟前
provide 和 inject的理解?
前端·javascript·vue.js
匆叔36 分钟前
ESLint,前端项目CTRL+S,自动保存格式化文档,超细
前端
满天星辰37 分钟前
Vue3响应式API-reactive的原理
前端·vue.js