vue3学习笔记

尝试用vue3和ts进行前端代码的书写

1.v-bend：id绑定动态属性，用：id简化
v-on：id监听dom事件，用@id来简化
v-model进行表单绑定，可以自动同步input和dom被绑定的值，代替函数实时交换数据

<script setup>
import { ref } from 'vue'

const text = ref('')

~~function onInput(e) {
  text.value = e.target.value
}~~
</script>

<template>
  <input ~~:value="text" @input="onInput"~~ v-model="text" placeholder="Type here">
  <p>{{ text }}</p>
</template>

2.