Vue是否支持svg元素？

Question

我想生成使用svg标签的svg组件。 Vue支持吗？

请注意，需要在corretc命名空间中创建svg元素，而vue可能无法立即处理

Answer 1

是的，您可以使用Vue创建动态SVG。 docs中甚至有一个示例。在this podcast中，莎拉·德拉纳（Sarah Drasner）讨论了Vue，SVG和https://greensock.com/的结合。

我已经使用这种方法来构建https://fn.hofmann-vratny.de/configurator，该方法只是将SVG元素/属性绑定到反应性Vue数据。这对我来说真的很好。

Answer 2

您可以创建一个组件并在其中添加SVG标签，例如：

<template> SVG Content Here </template>

注意：您可能会发现某些SVG标签存在一些问题。

还有一些库可以使用，例如svg-to-vue-component

希望这会有所帮助。