创建一个 vue3 项目，初始化Vue3项目

vue3+Vite+ts 初始化项目

4、运行项目，在浏览器打开，即可看到效果。2、在index.html文件引入。

5、儿子也想把自己的车跟父亲分享，于是有了子传父，父亲需要一个地方来接收儿子给的东西，在father.vue中定义空字符串，再设一个方法，用来接收儿子给的数据，用h6标签展示，然后在child标签中把方法告诉儿子。3、现在父亲想开车带儿子去玩，就告诉儿子说我有一辆车，我们一起出去玩，即在child这个标签中添加:fatherCar="fatherCar”，来告诉儿子。6、儿子用props接收父亲给

本文介绍了Vue组件通信的实现步骤：首先搭建项目结构，创建父组件和兄弟组件；然后在路由配置中引入父组件并添加菜单；接着通过npm安装mitt库，创建事件总线文件；在兄弟组件中使用emitter.on接收数据并展示；最后在姐妹组件设置点击事件，通过emitter.emit将数据传递给兄弟组件，实现跨组件通信效果。整个过程展现了基于事件总线的Vue组件间通信方案。

7、在App.vue文件中使用bootstrap搭建框架，用router-link标签构建路由链接，router-view标签展示内容。6、在main.ts文件中引入：import router from "./router”，并且安装app.use(router)1、新建一个pages文件夹，里面01_props文件夹、02_custom-event文件夹，文件夹里面新建文件如下。

本文介绍了Element Plus图标的安装与使用流程：1)通过npm安装图标包；2)创建统一注册文件并进行全局配置；3)优化图标调用方式，通过自定义转换函数将驼峰命名转为横杠连接；4)最终可直接使用简洁的<el-icon-Expand>标签调用图标。文中包含完整的代码示例和路径配置说明，并提到可通过CSS设置默认图标尺寸。

本文介绍了在项目中实现全局CSS样式管理的完整流程。采用了Sass与CSS Modules混合的模块化CSS方案，实现了样式的封装和复用。

1、初始化Vue框架，配置路由启动项目，控制台中并没有报错；npm run dev命令行窗口也没有报错，页面打开却提示Cannot GET /2、网上查了下资料，有这几种解决方案：1）、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ，再次编译npm run dev却没有改回来 ，去掉 . 改回来就可以2）、注释掉路由router文件夹下index.js的hi

1、初始化Vue框架，配置路由启动项目，控制台中并没有报错；npm run dev命令行窗口也没有报错，页面打开却提示Cannot GET /2、网上查了下资料，有这几种解决方案：1）、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ，再次编译npm run dev却没有改回来 ，去掉 . 改回来就可以2）、注释掉路由router文件夹下index.js的hi