u010373106的博客

在 Vue 3 中，provide和inject的使用方式略有不同，但依然提供了强大的功能来实现跨组件通信。

以上是 Vue 3 中几种常见的跨组件通信方式。通过父组件传递：适用于兄弟组件或跨级组件之间的简单通信。使用 Composition API 和 Refs：利用 Vue 3 的新特性进行灵活的数据管理和通信。使用 Vuex：适用于需要全局状态管理的应用，适合大型应用或多个组件共享状态的场景。使用事件总线（Event Bus）：适用于轻量级的跨组件通信，不需要引入 Vuex 的场景。使用全局事件监听器：通过全局的挂载事件监听器，适用于简单场景。

在 Vue.js 中，子组件向父组件传递数据通常是通过自定义事件（events）来实现的。这种方法遵循 Vue.js 的单向数据流原则，即数据流动的方向是从父组件流向子组件，而事件传递的方向是从子组件传递回父组件。

Vue 路由守卫是 Vue Router 提供的一种功能，允许开发者在路由跳转过程中执行某些逻辑，比如权限验证、数据预加载、导航确认等。这些守卫可以拦截和控制导航流程，确保只有在满足特定条件时才会导航到目标路由。是一个必须调用的函数，以继续或中断导航过程。是当前导航正要离开的路由对象，

1、to的对象写法,绑定参数。3、接受页面接受参数。

7、在页面里，开始写路由链接，并且展示不同的内容，其中to="/aaa"是路径，active-class="active"是选中后的颜色标识。啊啊啊啊啊啊啊啊啊啊------------展示路由的页面组件------>5、在main.js引入这个路由，

文件来定制devServer的配置。Vue CLI允许你通过项目根目录下的。

1、在main.js里加上2、

emit。

确保组件内的CSS只作用于该组件的元素，而不会影响到其他组件或全局样式，增加样式的模块化和组件的隔离性。属性时，Vue将会自动为组件内使用的CSS类名添加唯一的属性前缀，以此实现局部作用域。是一个特殊属性，用于style标签，目的是创建。

Vue.js插件是一种增强Vue功能的方式，它允许你向Vue中添加全局功能，比如全局方法、指令、过滤器、混入等。

Vue中的混入（Mixins）是一种复用组件逻辑的技术，它允许你抽取组件中的可复用功能，并将其作为一个独立的模块与其他组件组合。混入对象可以包含数据、计算属性、方法、生命周期钩子、侦听器等组件选项。当组件使用混入时，混入对象的选项会被“混合”到该组件自身的选项中。注册，会影响所有之后创建的Vue实例。但应谨慎使用，以免污染全局命名空间。：Vue也支持全局混入，通过。

注意，当属性名包含特殊字符（如破折号）或需要绑定动态值时，需要使用v-bind指令（1、在子组件中，你需要声明你期望从父组件接收哪些props。

可以在任意DOM元素上使用ref属性，然后在Vue实例中通过this.$refs访问这个DOM元素。

重新创建项目，vue create test,创建成功如下界面。2、安装完成后，通过命令查看版本,可以查看到版本。4、创建项目,vue create test。1、官网安装下载安装nodejs。3、安装Vue CLi。再次创建项目，报错如下。

【代码】Vue 常用指令v-**

若:<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。1.没有配置input的value属性，那么收集的就是checked(勾选 or未勾选，是布尔值)若:<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。(2)v-model的初始值是数组，那么收集的的就是value组成的数组。(1)v-model的初始值是非数组，那么收集的就是checked(勾选 or未勾选，是布尔值)

1、watch 监控某个定义的属性的值,如果想要深层次的监听则需要定义deep:true。3、监控多层次所有的值定义deep:true。2、监控多层次单个元素使用"b.aa"

1、通过:class="mood" 进行绑定。

1、prevent 阻止默认事件，a连接不跳转，执行showInfo方法。4、self 点击到了当前元素event.target时才触发。2、stop阻止冒泡，点击按钮,该方法不会连续重复执行。3、once 只执行一次。