1、组合式API - setup选项 <script setup> //数据 const message = 'this is a message' //函数 const logMessage = () => { console.log(message); } …

1. v-model 原理 原理：v-model本质上是一个语法糖。例如应用在输入框上，就是 value属性 和 input事件 的合写。 作用：提供数据的双向绑定。① 数据变，视图跟着变 :value；② 视图变，数据跟着变 @input 注意：$event 用于在模板中，获取事件的形参 <…

1. Vue 生命周期总结 四个阶段，八个钩子 -> 三个常用 created，mounted，beforeDestroy 2. 工程化开发 & 脚手架 Vue CLI 基本介绍： Vue CLI 是 Vue 官方提供的一个全局命令工具。 可以帮助我们快速创建一个开发 Vue 项目的标…

1. 指令修饰符 通过 "." 指明一些指令 后缀，不同 后缀 封装了不同的处理操作 → 简化代码 ① 按键修饰符 @keyup.enter → 键盘回车监听 ② v-model修饰符 v-model.trim → 去除首尾空格 v-model.number → 转数字 ③ 事件…

1. 创建 Vue 实例，初始化渲染的核心步骤： 准备容器 引包 (官网) - 开发版本 / 生产版本 CDN：<script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.js"></script&…