Vue3
-
[Vue warn]: Component inside
renders non-element root node that cannot be animated. 问题原因 <Transition>动画只对有根节点的组件有效果,下面是我写的测试案例,template 直接填写字符串,未使用标签,导致出现此问题 解决方法:
-
Vue3 动态组件
标签和:is 的用法 当使用 <component :is=”…”> 来在多个组件间作切换时,被切换掉的组件会被卸载。如果想让组件一直存活需要使用<KeepAlive> 组件。 传给 :is 的值可以是以下几种: 被注册的组件名 导入的组件对象 如果使用选项式API , :is的值可以是字符串 下面请看我用组合式API 实现的一个小例子: 如果…
-
Vue3 : 警告 data() should return an object
此错误的原因是.vue组件 data()函数没有返回对象
-
Vue 3 + Vite 如何使用Bootstrap 5
1. 首先安装 bootstrap 和 popperjs 2. 安装开发依赖 SASS (由于使用scss必须开发环境安装SASS) 3. 修改 vite.config.js 文件 (增加一个alias映射bootstrap) 4. 在 assets目录中新建 my.scss 5. 在src/main.js 中导入 my.scss 6. 打开src/App.…