【无标题】

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

---

1、setup

相当于created生命周期

2、steup语法糖 addlist案例

1.删除指定

2.没有事件修饰符

3.案例

---

3、computed 计算

从现有数据计算新的数据

3.1 第二种写法 set get

4、watch 监听数据的变化

<template>
  <div>
    <p>{{ message }}</p>
    <button @click="changeMessage">改变</button>
  </div>
</template>
<script>
import { ref, watch } from 'vue'
export default {
  setup() {
    const message = ref('Hello, World!')
    const changeMessage = () => {
      message.value = 'Hello, Vue3!'
    }
    watch(message, (newVal, oldVal) => {
      console.log(`消息从 ${oldVal} 变成了 ${newVal}`)
    })
    return {
      message,
      changeMessage
    }
  }
}
</script>

5、watchEffect监听副作用（只要被这个方法引用的数据，发送变化都会触发）

6、readyonly 只读常用于优化

7、自定义组件

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。