Vue3+Vite 动态引入图片打包后生产环境不显示记录
Vue3+vite 项目中动态引入图片(非 public 目录)
今天在做项目的时候,使用动态路由配置,发现在 vue3+vite
项目中,动态引入图片,在开发环境中的时候,图片可以正常显示,但是打包构建后,部署生产找不到图片的,经过一番搜索,找到了解决方法,如下:
今天在做项目的时候,使用动态路由配置,发现在 vue3+vite
项目中,动态引入图片,在开发环境中的时候,图片可以正常显示,但是打包构建后,部署生产找不到图片的,经过一番搜索,找到了解决方法,如下:
在 vue3 里,ref 和 reacitve 都可以定义响应式数据,但是两者有所不同。 在使用 reactive 定义复杂结构的响应式数据时,如果你要对其赋值,会丢失其响应性。然后赋值是我们经常进行的操作,那么该怎么解决呢?
script setup 它是一个语法糖,相当于包含在 setup 函数里面. 返回的值会自动注入到当前作用域中.
script setup 是一个语法糖,它相当于在 setup 函数中包含的代码。它允许你在一个组件中同时定义数据和逻辑,并通过一个简单的语法来声明组件的属性和事件。