qq_55111117的博客

1.node.js版本16以上 打开命令行窗口 win+R ，输入cmd 进入黑窗口，输入node-v，检查node.js版本。3. 用vs-code打开，vue-project 项目，分别运行上面图片绿色字体最后两行的代码。全选项目路径，输入cmd ,即可进入。2. 进入到项目的路径。

跨层组件的通信

defineExpose

vue

router-view> 是一个占位符，用于告诉Vue Router 在这个位置渲染当前路由匹配的组件。可以把它理解为一个动态的容器，负责显示与当前路径相匹配的组件。Vue Router 会根据路由配置找到对应的组件，并将这些组件渲染到<router-view> 中。Vue Router 的组件，用于处理 Vue 应用中的路由功能。路径时，AboutComponent 会被渲染到 <router-view> 位置。路径时，AboutComponent 会被渲染到 <router-view> 位置。

Vue3中onMounted() 钩子函数

vue3 父组件与子组件

父组件向子组件传值

兄弟组件之间的传值

vue计算属性

【代码】数组对象和对象数组 的渲染列表。

（Navigation Guards）是 Vue Router 提供的功能，用于控制用户在应用中的导航行为。简单来说，它们允许你，比如检查用户是否登录、加载数据或阻止导航等。比喻：可以将其想象成机场的安检。安检元在你登机前会检查你的证件和行李，确保一切符合要求，然后才允许你进入登机口。路由导航守卫的主要类型。

子组件给父组件传值