当前位置: 首页 > 文档资料 > Vue.js 教程 >

2.3.2 动态状态过渡

优质
小牛编辑
165浏览
2023-12-01

就像 Vue 的过渡组件一样,数据背后状态过渡会实时更新,这对于原型设计十分有用。当你修改一些变量,即使是一个简单的 SVG 多边形也可实现很多难以想象的效果。

.demo-svg { display: block; } .demo-polygon { fill: #41B883; } .demo-circle { fill: transparent; stroke: #35495E; } .demo-range-input { display: block; width: 100%; margin-bottom: 15px; }

上述 demo 背后的代码可以通过这个 fiddle进行详阅。