研究了一下才发现，好像vite引入静态资源或者插件啥的，不用require()引入，好像只能使用import引入。郁闷，require()挺好用的捏，居然不行了。使用require()引入可以在data()里面，return返回自定义的数据时，直接挂钩，使用import引入就只能提前引入。使用Vue 3 + vite技术架开发过程中，引入静态资源时，习惯性使用require()引入，突然发现报错了

input标签选中样式设置及input密码框可视设置关于input标签样式使用的一些总结：1、input标签选中时的光标紧贴边框的问题：input标签默认光标会紧贴边框，设置padding样式可解决；2、input标签选中样式：input标签可对选中时的样式进行设置，同时要注意input标签外边框和内边框的影响。可通过box-shadow属性设置选中时的边框阴影。3、input标签的type属性：

vue项目中字符串换行显示（返回的数据包含‘\r\n’字符）在vue项目中，请求后端接口获取到的数据是一整条字符串，如：‘1、和加速度和环境，\r\n2、技术的进步是否，\r\n3、讲述的就是不对’（数据是随意的，各位大佬别纠结（~~））这种格式的文本数据我们希望在界面中展示是换行的， 如下：1、和加速度和环境，2、技术的进步是否，3、讲述的就是不对但是在vue项目中，数据渲染时无法识别换行符‘\

vue3创建的项目中使用vant UI组件库toast轻提示为例vant UI组件库给出的文档：import { createApp } from ‘vue’;（拿到vue，在vue3中import Vue from ‘vue’;已经不可用）从vant中引入Toast，再createApp().use(Toast)，这是在项目中main.js内的代码，是全局引入的方式vue创建的项目中，main.

vue项目中vant ui日期选择器Calendar踩坑记录（弹出、minDate设置…）感觉vant ui组件库在移动端使用还挺方便，最近上手，顺便记录下1、vue项目使用Calendar日历组件实现弹出：vant ui是一款小程序ui组件库，官方文档也是小程序的写法，在vue项目中使用写法有些不同。直接v-module指令控制。<van-calendar type="range" v-m

vue 获取当前路由地址1、router和$route的区别$router: 路由操作对象，只写。需要对路由进行操作时使用。如路由跳转$route: 路由信息对象，只读。获取路由相关信息时使用。如获取当前路由地址2、获取当前路由地址：this.$route.path原生方法：window.location.href3、获取路由参数（query/params传参）:query传参时：路由跳转：thi

*啰嗦一下：**相同域名下可能会存在两份相关或不相关的代码，需要通过切换文件夹路径进入不同项目时，需要在项目打包输出代码时设置静态文件的访问路径（vue、react都要）。**静态文件访问路径说明：**项目的静态文件访问路径在本地运行和服务器访问是有区别的，默认状态下服务器上的项目代码，访问路径是从服务器根目录开始。vue项目的最终项目文件需要经过打包输出，静态文件的访问路径需要在vue.conf

关于CSS :hover选择器的用法（控制子元素样式、控制同级元素样式）1、hover定义：:hover 选择器用于选择鼠标指针浮动在上面的元素。提示：:hover 选择器可用于所有元素，不只是链接。注释：在 CSS 定义中，:hover 必须位于 :link 和 :visited 之后（如果存在的话），这样样式才能生效。2、支持的浏览器：3、:hover控制自身样式：<div class=