vue

vue单文件组件由三个部分构成：模板：定义视觉表现，使用html语法。脚本：定义逻辑行为，使用javascript语法。样式：定义样式，使用css语法。Vue 单文件组件的构成
Vue 单文件组件由三个部分构成：
1. 模板（templat

vue.js 中的 watch 用于监视响应式数据属性的变化并执行回调函数。具体使用方法是在 vue 实例中使用 watch 选项，指定表达式的映射或数组，每个表达式的变化或数组元素的变动都会触发相应的回调函数。watch 的好处包括响应式

vue.js 中 methods 和 computed 的区别在于：methods 用于定义可执行方法，可对数据进行修改。computed 用于定义计算属性，其值基于响应式依赖项，并在依赖项发生变化时自动更新。Vue.js 中 method

vue.js 中的过滤器是一种函数，用于格式化或转换数据，使数据在模板中以更具可读性和可理解性的方式呈现，而无需修改底层数据本身。Vue.js 中 Filters 的作用
Vue.js 中的过滤器 (Filter) 是一个函数，可用于格式化

vue 中属性绑定的指令是 v-bind，它允许动态绑定 vue 数据到 html 属性。其用法如下：使用 v-bind:attributename=”expression”，其中 attributename 是属性名称，expressio

通过 computed 属性转换 v-model 绑定的字符串值：创建 computed 属性，将字符串值转换为变量。在 v-model 中使用 computed 属性。示例：v-model 绑定到 convertedvalue compu

通过 vue 中的 ref 属性可以获取 dom 元素的引用，具体步骤如下：定义一个引用变量，并将其添加到要引用的 dom 元素的 ref 属性中。在 mounted 钩子中使用 $refs 对象访问 dom 元素。注意：引用变量必须在组件

vue 中的 key 属性用于唯一标识列表元素，帮助 vue 追踪元素身份、正确更新 dom、优化性能和避免不必要的重新渲染。使用规则包括：每个元素必须具有唯一稳定的字符串、数字或符号 key；对象列表可以使用 id 属性作为 key，数组

vue router 是 vue.js 的官方路由器，主要用于管理 spa 的路由和导航。主要职责包括：1. 路由管理；2. 状态管理；3. 平滑导航；4. 嵌套路由；5. 路由守卫；6. 代码拆分。其优点包括：1. 简单易用；2. 灵活可

mounted 先执行。vue 生命周期钩子执行顺序为：created、beforemount、mounted、watch、beforeupdate、updated、beforedestroy、destroyed；mounted 钩子在 w