
vue3
米方
倔强的一枚小码
展开
-
前端之电力系统SVG图低代码
有了线,当然需要面,这时候一个polygon类就可以解决,唯一和polyline不同的是,path最后一个点需要Z闭合。两点一线,只要知道两个点的坐标就可以,但是基础图元可以旋转,也可以闪烁,所以这些属性都需要动态计算。其实所有的图形都是由点,线,面组成的。ployline也是用path就可以了,但是中间的点需要连起来,样式的计算需要循环拼接字符串。两点可以组成线,多点可以组成折线,这就需要一个polyline类去解析每个折线。svg里面的渲染最有难度的大圆弧和小圆弧,需要用到三角函数。原创 2024-05-14 10:42:26 · 879 阅读 · 1 评论 -
vue3 UI组件优化之element-plus按需导入
这个插件可以按需导入ElementPlus组件,并且是自动导入,不需要你再单个组件按需导入。如果不在意项目打包体积大小,正常来讲element-plus 是这样用的。但是呢要是项目就用了几个弹窗提示什么的,全局引入包体积很大。但是引入完之后默认是英文模式的,这个时候就需要使用中文包。所以使用了Vite插件。在App.vue里面。原创 2023-10-30 11:11:48 · 897 阅读 · 0 评论 -
Vue3 按需加载element-plus
4)配置vite.config.js。1)安装Element Plus。2) 安装自动导入组件的插件。3)安装按需引入样式的插件。原创 2023-03-29 15:32:44 · 637 阅读 · 2 评论 -
Vue3 封装Element-plus Dialog组件
【代码】Vue3 封装Element-plus Dialog组件。原创 2023-03-29 11:13:15 · 637 阅读 · 0 评论 -
vue3使用记录
2.vue3监听reactive定义的响应式数据没有办法获取到正确的oldVal,ref定义的可以。3.把一个reactive对象转成普通对象,或者把props转成普通对象,属性还具有响应式。这样被teleport 包裹的内容就会瞬移到app平级的modal下面。4.teleport 用法 把里面的内容瞬间移动。1.组件状态驱动css。原创 2023-03-29 10:46:18 · 60 阅读 · 0 评论