SilenceJude的博客

的组件中，才可以使用defineProps，它是一个编译宏命令，并不需要显式地导入。的组件中，则还是使用props，其中props的对象格式校验，type，required，default，单向数据流等特性还是和vue2中一样。emits是vue3新增的属性，当组件显式的调用setup函数时，必须设置emits属性。如果绑定多次则最后一次绑定会覆盖前面的，因此获取到的是最后绑定的元素。，那么父组件可以访问到子组件中的任何属性和方法，同vue2中一样。的子组件中的任何东西。一个父组件无法访问到一个使用了。

注意，无论是方法1还是方法2，只有NODE_ENV，BASE_URL和以VUE_APP_开头的变量才能通过静态地嵌入到客户端侧的代码中。1、直接在vue.config.js中定义如这里我们可以在vue.congif.js中定义：2、在.env 文件中定义。1、直接在vite.config.js中定义可以直接在vite.config.js中定义环境变量。2、在.env 文件中定义。同vue/cli，只是这里 将VUE_APP_XXXX 换成了 VITE_XXXX_XXXXX。

然后执行yarn run build，我看到有的说执行yarn run build:watch，我试了下很慢，非常慢，最后只执行了yarn run build。打开chrome的拓展程序，选择加载已解压的拓展程序，然后找到项目中，packages目录下的shell-chrome文件夹，选择文件夹进行添加即可。进入下载好的vue/devtools项目库，项目根目录下运行yarn install。vue/devtools的项目库，必须使用yarn来编译，npm会报错。6、重启浏览器，运行项目。

默认会向 index.html 注入。文件的内容，类似 vite 的。