vue3的日常

什么是响应式数据 在系统中会发生变化的数据，就是响应式数据，需要用ref或者reactive来定义，换而言之，用ref, reactive定义的数据就是响应式数据。 什么是静态数据 在系统中不会发生变

```js //vue3+ts写法 interface Props { btnText: string; flag: string; } const props = defineProps(); //

一、举个栗子 二、双向绑定原理 1. v-model 的本质 在 Vue 3 中，v-model 是语法糖，它实际上是以下形式的简写： 2. 数据流向 父 → 子：通过 modelValue prop

1. 父组件给子组件传值 (Props)：子用父值 基本用法 父组件 (ParentComponent.vue): 子组件 (ChildComponent.vue): 文档参考 Vue 3 Props

一. Vue 指令的参数与缩写形式 1. v-bind 指令及其缩写 完整形式 缩写形式 “:” 动态参数 (Vue 2.6+) 2. v-on 指令及其缩写 完整形式 缩写形式 “@” 动态事件名

一. vue模版表达式全局对象白名单 Vue 模板表达式中可用的 JavaScript 全局对象和方法列表 1. Array 对象（完整方法集） 2. String 对象（完整方法集） 3. 补充其他

1. Vue 模板中的 JavaScript 表达式基础 Vue 模板支持在插值 ({{ }}) 和指令 (如 v-bind) 中使用 JavaScript 表达式，但必须是单个表达式，不能是语句或多

1. 什么是 HTML Attribute？ Attribute（属性） 是 HTML 元素上提供的附加信息，用于配置元素或调整元素的行为。它们总是出现在 HTML 元素的开始标签中，通常以 name

双大括号会将数据解释为普通文本，而非 HTML 代码。 想要输出真正的 HTML，你需要使用 [v-html 指令]。 也就是带HTML的变量，可以用v-html展示。 下面是效果：

数据data响应式 当一个 Vue 实例被创建时，它将 data 对象中的所有的 property（属性） 加入到 Vue 的响应式系统中。当这些 property（属性） 的值发生改变时，视图将会产

什么是VUE实例 Vue 实例是 Vue 应用的根对象，每个 Vue 应用都是通过创建 Vue 实例开始的。在文档中常用 vm (ViewModel 的缩写) 表示。 Vue 实例的特点 响应式系统：

html的input框获取光标（focus）后，会提示原来输入过的内容，还会出现下拉的历史记录如图所示： 很多时候项目中并不需要这个，复杂的交互可能会出现其他问题，为了禁止这种情况，可以在input中

财务专用数字 财务系统的数字展示千分位，保留两位小数是必须的要求， 比如：55555.66 一定要展示位 55,555.66，方便财务人员数位数 比如：123456789.55666 展示为123,4

一. vscode插件 vue-offical (vue3) prettier eslint (在项目中配置prettierrc可使多人项目有相同的格式化规则，文后附prettierrc通用配置文件)

组件被销毁的情况包括： 1.动态组件切换（如 v-if 或 v-for） 2.路由切换(Vue Route) 3.整个应用卸载 4.关闭页面或刷新页面 5.跳转页面（无论是 SPA 还是传统页面跳转）

一. 先上总结 query 适用于：搜索、筛选、分页等场景，参数可选，URL 结构清晰。 params 适用于：详情页、动态路由匹配，参数是 URL 的一部分，必须在路由中定义。 二. query 和

文档解析 文档：Autocomplete 组件提供输入建议 （什么是建议？其实就是返回经过处理的数组） 文档：fetch-suggestions 属性是返回建议输入的方法。 在此示例中， queryS

layui-vue怎么修改table表头？当然需要我们认真的看文档啦~~~~~废话不多，直接看例子~

一句话概括watch和computed的区别：watch 是一对多， computed 是多对一。 这是什么意思？

一. vite怎么访问环境变量 import.meta.env.VITE_BASE_ROUTER 是 Vite 中用于访问环境变量的方式。 在 Vite 中，任何以 VITE_ 开头的环境变量都会被自