Vue声明式渲染、条件与循环、事件绑定、双向绑定

分类: 文章 • 2025-03-09 08:14:34

1、声明式渲染 {{ message }}
Vue声明式渲染、条件与循环、事件绑定、双向绑定
运行结果

2、条件与循环
v-if

运行结果

当data中的seen: true改为false时，之前显示的信息会消失

v-for 指令可以绑定数组的数据来渲染一个项目列表
Vue声明式渲染、条件与循环、事件绑定、双向绑定

运行结果
Vue声明式渲染、条件与循环、事件绑定、双向绑定
3、事件绑定

运行结果

4、双向绑定

运行结果