1.devDependencies与dependencies的区别

        1. devDependencies（开发环境依赖）：指定在开发过程中需要的依赖项。这些依赖项通常是用于构建、测试和调试代码的工具、库或插件。例如，源代码管理工具（如Babel、Webpack）、测试框架（如Jest、Mocha）以及代码检查工具（如ESLint、Prettier）等。这些依赖项只在开发阶段使用，不会将它们打包到最终的生产环境中。

        2. dependencies（生产环境依赖）：指定项目在运行时所依赖的库或模块。这些依赖项是项目的核心功能所需的库，用于生产环境的部署和运行。例如，前端框架（如React、Vue）、数据库驱动（如Mongoose、Sequelize）以及网络请求库（如Axios）等。这些依赖项会被打包到最终的生产环境中，以供应用程序运行所需。

        简而言之，devDependencies是开发环境所需的依赖项，而dependencies是生产环境所需的依赖项。前者用于开发、测试和构建代码，后者用于应用程序的运行时。

        在实践中，通常使用`npm install`或`yarn`命令来安装项目的所有依赖项，而根据配置文件中"devDependencies"和"dependencies"的定义，相应的依赖项会被安装到不同的目录中。比如，"devDependencies"中的依赖项会被安装到项目根目录的`node_modules`下，而"dependencies"中的依赖项会被安装到`node_modules`下的`./node_modules/.bin`目录下。

 2.provide和inject

        作用：实现祖与后代组件间通信
        套路：父组件有一个 provide 选项来提供数据，后代组件有一个 inject 选项来开始使用这些数据
        具体写法：

祖组件中：
setup(){
    ......
    let car = reactive({name:'奔驰',price:'40万'})
    provide('car',car)
    ......
}
-----------------------------------------------------
后代组件中：
setup(props,context){
    ......
    const car = inject('car')
    return {car}
    ......
}

         注意:使用provide呵inject定义的数据不能够实现响应式