Lou_Lan的博客

vite+vue3组件的动态导入方式

使用vue cli创建的vue项目我们获取环境变量的方式和vite中不一样

概述  有时在使用项目的时候，我们都需要指定一个前缀路径（就像tomcat中的虚拟路径），这个时候在vue中如何使用呢。解决  这个时候我们可以使用vue-router中的base这个属性，使用这个属性就可以在路径前面添加指定的前缀。export default new Router({ mode: 'history', //后端支持可开 # base: '/wtlicence', scrollBehavior: () => ({ y: 0 }), routes:

概述  在使用vue的vue-router的时候，有时后不想看到路径中的‘#’，所以这个时候就使用感到了mode模式下的history模式，当时使用这个模式之后，打包部署到nginx之后发现只有在IP+PORT的情况下才能出来页面，然而只要端口后面有路径就无法刷新出来页面。原因描述以及解决方案export default new Router({ mode: 'history', //后端支持可开 base: '/wtlicence', scrollBehavior: () => (

https://www.jianshu.com/p/9705040243f2

一. 学习描述  在vue的使用过程中，我们知道插件的使用可以大大的提高我们的开发效率，这写插件都是经过很多人的验证和修改的，要比我们自己写方便的很多。  但是在开发的过程中，有些插件一些在特定的页面我们可能不要原来的样式，需要进行修改。然而我们在使用vue的过程中都会使用scope防止当前页面的样式污染到其它的页面，可是这样也就导致了我们修改了插件的样式无法起到作用。只有全局修改才能起到作用...

一. 问题描述  vue再开发阶段一切都是正常的，都是没有什么毛病的，后来昨天测试这个打包nginx部署，发现了一个问题，那就是部署完成之后，我使用谷歌浏览器打开地址完全可以正常的打开，但是使用360，edge，百度等浏览器进行打开的时候发现要么是无法打开报错，要么就是压根打不开。我心中亿万个草泥马就飞过去了。  错误是这个样子的：二. 原因分析  既然不行肯定得找原因，后来经过查找网络...

一. 问题描述  最近在做vue的webpack框架的时候，发现@import导入的样式在调试的阶段是没有问题的，但是在打包发布到nginx上面之后里面的样式居然会影响到全局。这个时候我的眼前亿万一个草泥马就过去了。  后来就是在网络上各种查找资料解决，虽然有的可以解决，但是带来的后果就是需要我一个文件一个文件的进行修改，这样导致很大的工作量。而且这个@import使用的是相对路径。二. 网...

用法（来自官网）：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。有时候我需要获取一些组件，然后调用组件的一些东西，但是在初始化的过程中，这个组件还没有被渲染完成，也就是说无法调用，这个时候我们就可以使用这个方法的回调函数来进行获取。因为执行回调函数的之后dom已经更新循环结束，表示dom已经渲染完成。举个比较明显的例子，就是这个ref，...

我在做iview tree的render的时候，发现很多时候对象数组属性明明已经发生变化了，但是在tree上依旧时没有体现出来任何的变化，后来查看资料才在vue文档中列表渲染的注意事项中看到，这是js的限制。由上面我们就可以看出来，绑定数据之后，我们可以通过this.$set修改数据属性，达到渲染视图的效果。这里this.$set由两种，一种就是这个this.$set，还由一种就是Vue...