silent_missile的博客

typescript是一个类型严格的语言，在vue3+typescript项目中调用d3时，最好也遵循这一要求，除非万不得已，尽量不要使用any类型。首先，最好是在vue3的单文件组件的template中直接定义好DOM树，尤其是svg的树。市面上很多代码非常乐于利用ts/js在代码中生成DOM树节点，这也是前端进入框架时代以后的绝大多数风格。这样不是说不行，但是代码运行效率会低一些，尤其是在使用d3的时候会比较敏感。

在vue3+typescript项目中，一般来说用vite做构建系统。做测试的话，目前官方推荐的是vitest。官方文档在在vue3+typescript+vite5项目中，运行安装命令就可以把vitest安装好。在package.json中的script段增加一行在vite.config.ts文件中，加入首行在plugins段增加一条这是对vitest的配置项。因为我是用vue3开发网页，所以这里用的environment是jsdom。

vue3的组件库element-plus内部包含一个穿梭框组组件。

摘要：本文详细介绍了Vue3中父子组件间数据传递的实践方法。重点分析了props和v-model两种传递方式的特点，指出即使使用v-model在父子组件间也是单向数据流。文章通过具体代码示例展示了如何处理enum类型和复杂对象的传递，包括使用PropType进行类型定义和watch监听的特殊处理方式。特别强调子组件无法直接修改父组件传递的数据，必须通过emit事件让父组件处理修改。文中还解释了为什么不能通过子组件内部变量控制v-model绑定的对话框显示状态。

虽然单页面应用越来越流行，但是多页面应用也有其应用领域，最典型的就是可以避免单页面应用变得过于庞大。https://cli.vuejs.org/zh/config/#pages给出了多页面应用的配置方法，只要在vue.config.js中增加配置就可以增加多页面的功能 pages: { index: { // entry for the pages ...

在实际页面中，很多时候页面一个部分的改变会导致另外一个部分的改变，比如在表格中输入数据会改变相邻的图表形状但是实际上这两个部分大都是差异很大，所以开发中一般都是做成两个组件的。如果在一个大组件中把所有的内容都包含进去，这就不够结构化了，而且有些时候会导致组件特别大。所以最好还是在一个组件中调用另外一个组件的内部函数。基本原理是1. 在激发组件emit一个事件，比如表格输入数据的变化，e...

在上一篇https://blog.youkuaiyun.com/silent_missile/article/details/91128221介绍了如何跨组件，由激发组件通过emit事件，再通过父组件转发到目标组件来调用但是如果目标组件是router-view组件，使用方法就有所不同了，因为router-view组件是会随着路由地址改变而改变的其实调用的方法很简单，就是在router-view...

目前有个需求是这样：要用vue开发前端，django开发后端，web服务器（apache或者nginx或者IIS）提供静态文件的服务，前端采用axios作为通信组件和后端的django通信，并动态更新页面。所以我的解决方案是前后端通信只有json数据，前端从后端拿到数据后在vue里面更新页面，这样可以不需要后端设计模板、处理字符串拼接之类的任务，减轻后端的负担，前端的计算量对于大多数客户端而言...