uni-app 5小时快速入门 15 uni-app语法(下)

uni-app 5小时快速入门

15 uni-app语法(下)

15.1 回顾

data中存的东西：

• 数据：

  data —— 初始数据对象函数

• 样式class

  三种写法：

  • 静态选择器
  • 数组
  • 对象

• style样式

  三种写法：

  • 静态
  • 数组
  • 对象

15.2 条件渲染

准备两个值

v-if语法，根据布尔值

逻辑运算

通过布尔值判断是否要进行渲染。

15.3 列表渲染

源数据为对象时

下标索引：

保证数据唯一性

15.4 事件处理

15.4.1 按钮点击事件

当然可以简写为 @click

传参

15.4.2 监听input输入值变化

15.5 this

15.5.1 取属性值

this指向vue的实例

通过它可以拿到这个vue实例中的方法以及变量等

15.5.2 调用方法

点击按钮后，调用了init方法，修改了变量title的值