vue

前言 最近浏览网页看见一个有趣的效果，在导航栏中当hover其中一项的时候背景会从当前项的中间位置出现变大，同时离开的时候背景会变小并到中间位置消失，到从导航栏中一项移动到另一项的时候背景会跟随鼠标移

因为我们在 `setup` 里面没有访问 `this`，所以我们不能再直接访问 `this.$router` 或 `this.$route`。作为替代，我们使用 `useRouter`

什么是组件？ vue2中组件之间的数据传递？ Props（父→子） 父组件中通过v-bind绑定传递的参数： 子组件中通过props接收传递过来的值： 自定义事件（子→父） 子组件中自定义事件： 父组

场景： 第一步：在子组件中可以使用model的语法糖，实现实时监听v-model绑定的值，同时借助this.$emit自定义事件将修改的值传递给父组件。 第一步：在父组件中使用v-model绑定一个值

前言 在 CSS 中，相对路径和绝对路径是用来引用外部资源时的两种不同方式。 相对路径：相对路径是相对于当前文件的路径来指定资源的位置。 例如： 绝对路径：绝对路径是指完整的路径，从根目录开始到资源的

前言 vuex主要用于做状态管理，之前呢不太了解vuex的同学，可以移步 vuex官方文档，这里主要简单介绍下 vue3.x + vuex4.x + ts + 组合式API 的用法，具体如下： 操作步

前言 来段官方响应式对象介绍： 在vue3中提供了两种创建响应式对象的方式，分别 reactive() 函数，ref()函数，后面会一一进行介绍。接下来让我们先看看 setup 在vue3中的两种写法

出现原因 计算属性出现的目的是解决模板中放入过多的逻辑会让模板过重且难以维护的问题； 特点 计算属性是基于它的依赖改变来进行的,只有在它的依赖发生改变的时候 函数才会被重新执行 也就意味着 依赖没有发

1.使用箭头函数 2.不使用箭头函数 3.使用get() 4.自己的理解 在computed中使用箭头函数的话，会导致this指向的不是整个的vueComponent 此时使用匿名函数的形式就可以解决

第一步：安装vue-router 第二步：在项目中创建一个路由配置文件(例如：router.js)，用于配置路由 第三步：在入口文件（main.js）中导入路由实例并挂载到vue中 第四步：在根组件（

前言 侦听器的作用不同与计算属性，侦听器的作用是当数据变更的时候执行一系列的“副作用”。 watch中接收三个参数，watch(source, callback, options) source: 需

介绍： 特点： 用法： vue2中的用法： 当没有考虑计算属性被修改时的写法 完整的写法 vue3中的用法： vue3中的计算属性使用的组合式api，使用前先引入； 当不考虑计算属性被修改的写法； 完

概念： 执行时机： setup中接收两个参数： 第一个参数是被proxy包裹的对象：对象中包含了组件传递过来且内部接收的属性。 在父组件中给子组件传递数据 在子组件中接收 接收的值是被Proxy包裹的

常用于接收一个简单值，返回一个响应式对象，可以通过访问对象中.value方式指向接收的值。如果ref包裹的是一个对象，则会通过reactive函数去处理这个对象，并返回一个深层的响应式对象。

前言 在Vue 2中，使用Object.defineProperty方法进行数据代理。这种方法通过在对象上定义getter和setter来拦截对数据的访问和修改。当访问或修改对象的属性时，Vue会在底

前言 依赖注入主要解决多层嵌套组件之间prop逐级透传问题。比如： 关于上面的问题，可以使用 provide 和 inject 可以帮助解决：在父组件中使用 provide（） 函数，无论组件嵌套多深

vue2.x中的响应式 实现原理： 存在问题： 由于Object.defineProperty()对对象的属性只是进行读取和修改，所以当新增属性或者删除属性页面不会更新。同样直接通过下标更改数组页面不

Vuex是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue

🤔什么是响应式？ 通俗来说，在使用 vue 脚手架开发项目的时候，当我们修改 data 中的数据，视图会自动更新，这种我们称为“响应式”。那为什么修改 data 中的数据视图会自动更新？

vue生命周期介绍？ vue中的生命周期有那些？ vue2中的生命周期： vue3中的生命周期： 生命周期经历的阶段和钩子函数？ 1.实例化vue(组件)对象：new Vue() 2.初始化事件和生命