vue3个人案例一——临时组件

单文件组件写多了，最近回顾官网文档，还有个组件模板，发现还能局部使用，于是取名叫临时组件，做个笔记。

我觉得我觉得对那些单页面使用的小组件还是挺好用的，这么写会报个警告：

还没渲染出来， 由于用vite创建的项目，我就直接再vite.config.js中添加

export default defineConfig({
  resolve: {
    alias: {
      '@': resolve(__dirname, './src'),
      "vue": 'vue/dist/vue.esm-bundler.js' //关键是这句
    }
  },
    ...
}

然后就出来了：

 

参考解决问题：

vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js-阿里云开发者社区