当前位置: 首页 > article >正文

Vue 常用语法

目录

一、属性与事件绑定

v-bind 或 : ——属性绑定

v-model ——双向数据绑定

v-on 或 @ ——绑定事件

二、循环与判断

(一)循环

1、遍历数组对象

2、遍历对象属性

4、遍历数字

5、动态添加数据

          push在尾部添加元素

          unshift在前面加元素

(二)判断

1、if

2、if...else...

三、数据渲染

v-cloak

v-text

v-html

v-show

四、CSS样式设计

通过类改变样式

内联样式

五、定时器的创建与关闭


一、属性与事件绑定

v-bind 或 : ——属性绑定

给标签属性绑定变量属性,否则会按照字符串处理;里面可以写js表达式。

v-model ——双向数据绑定

双向绑定:页面标签值被修改时会同步数据层的值。反之,亦然。​案例:计算器


http://www.kler.cn/a/300734.html

相关文章:

  • 从 0 开始实现一个 SpringBoot + Vue 项目
  • 如何将数据库字符集改为中文,让今后所有的数据库都支持中文
  • windows下安装并使用node.js
  • .NET 学习:从基础到进阶的全面指南
  • 贪心算法(题1)区间选点
  • 鸿蒙UI(ArkUI-方舟UI框架)-开发布局
  • 【springboot】简易模块化开发项目整合MyBatis-plus
  • [图解]建模实例-14是哪边的流程有问题
  • 代码随想录算法训练营day32
  • 4WRA6E07-2X/G24N9K4/VL配套HE-SP2比例放大器
  • 53 - I. 在排序数组中查找数字 I
  • Trinamic医疗成功的事例之TMCM611
  • QSoundEffect 用于播放一些单调简单的声音
  • Python画笔案例-045 绘制渐变圆盘
  • 国产视频转换HDMI1.4转单/双MIPI DSI/CSI LT6911C芯片方案,带音频输出,QFN64封装 Lontium
  • JDBC连接数据库
  • git版本问题Your branch is behind ‘origin/dev‘by 2 commits,
  • C语言中的磁盘映射与共享内存详解
  • C++设计模式——State状态模式
  • 基于开源链动 2 + 1 模式、AI 智能名片与 S2B2C 商城小程序的用户忠诚度计划
  • C# UDP与TCP点发【速发速断】模式
  • HTML5中`<area>`标签深入全面解析
  • 学习笔记|《白话机器学习的数学》
  • OpenCV结构分析与形状描述符(19)查找二维点集的最小面积外接旋转矩形函数minAreaRect()的使用
  • C++中的for-each循环
  • 单例模式解析