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

2.3.2 动态状态过渡

优质

小牛编辑

168浏览

2023-12-01

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

Sides: {{ sides }} Minimum Radius: {{ minRadius }}% Update Interval: {{ updateInterval }} milliseconds .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进行详阅。

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。