从零入门《工程测绘大师》小程序之程序列表篇（六）

前端

2024-01-27 04:11:28

真值和假值

true：boolean 类型的 true，代表真值。

false：boolea…

数据绑定

数据绑定是指将数据与页面元素关联起来，当数据发生改变时，页面元素也会随之更新。

小程序中使用双向数据绑定，这意味着数据和页面元素是实时同步的。

双向数据绑定可以通过使用 v-model 指令来实现。

列表渲染

列表渲染是指将数据渲染成一个列表。

小程序中使用 v-for 指令来实现列表渲染。

事件绑定

事件绑定是指将一个事件与一个函数关联起来，当事件发生时，该函数就会被调用。

小程序中使用 addEventListener 方法来实现事件绑定。

循环和item

循环是指重复执行一段代码。

小程序中使用 v-for 指令来实现循环。

item 是循环中的当前元素。

事件对象

事件对象包含有关事件的信息。

小程序中的事件对象可以通过 event 参数获取。

detail 和值

detail 是事件对象中包含的详细数据。

值是事件对象中包含的数据。

如何使用

<template>
  <view>
    <button @tap="onTap">点我</button>
    <view v-for="item in items" @tap="onTapItem(item)">
      {{ item.name }}
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { name: '苹果' },
        { name: '香蕉' },
        { name: '橘子' }
      ]
    }
  },
  methods: {
    onTap() {
      console.log('我被点击了')
    },
    onTapItem(item) {
      console.log('我被点击了', item)
    }
  }
}
</script>