用老Java工程师的思维记录Vue3的学习过程。虽然说以后都是AI编程了，但是AI写出来的东西咱也得能看懂吧？
Day 002
响应式基础（组合式API）
- 使用script setup
- const定义变量，function()定义函数
- ref 先记着再慢慢理解，反正就用它定义/初始化变量，比如：
import { ref } from 'vue'
const count = ref(0)
const foo = ref(true)
const bar = ref('')
const titleClass = ref('title')
function increment() {
count.value++
}
function onInput(e) {
bar.value = e.target.value
}
这些变量在script setup的function，以及template里面都可以调用。
备注：
reactive()只适用于对象 (包括数组和内置类型，如Map和Set)ref()可以接受任何值类型，ref会返回一个对象，并在.value属性下暴露内部值
知识点
v-bind: 给页面元素的属性绑定一个变量（在上面script setup中定义好的）
<div v-bind:id="dynamicId"></div>
<div :id="dynamicId"></div>
<h1 :class="titleClass"></h1>
v-on: 将script setup中定义好的函数绑定到元素（按钮）上
<button v-on:click="increment">{{ count }}</button>
<button @click="increment">{{ count }}</button>
v-model: 同时使用v-bind和v-on来在表单的【输入元素】上创建双向绑定，简化为v-model
<input :value="text" @input="onInput">
<input v-model="text">
其它记录
{{ }}中可以放JS表达式
JavaScript（ES6）知识点笔记
const声明的常量必须初始化，但是并非不可变（只是不能通过再赋值修改）
HTML5 知识点笔记
input元素的placeholder属性
