Question

比方说，我们需要处理来自CMS的现有HTML标记，在该标记中，我们不能使用指令和绑定等来影响标记。现在，我们尝试从图像列表中创建Vue.js组件，例如作为滑块。

<div id="slider">
     <img src="1.jpg" />
     <img src="2.jpg" />
     <img src="3.jpg" />
</div>

在普通JS或jQuery中，我将通过其ID选择此元素，并在其中进行必要的DOM操作以使滑块运行。

在Vue中，我想将此标记/数据用于自定义组件，例如：

<Slider>
    <img v-for="image in images" v-bind:src="image" :class="myClass" @click="doMagic" />
</Slider>

在理想情况下，我将直接在组件中编写滑块标记和数据，或者从API提取幻灯片数据并对其进行处理。但是，假设我们需要在此处处理普通的HTML滑块标记。

是否有合理的方法来使用Vue.js中的现有滑块标记？

在图像上使用香草JS document.querySelector，将其传递给我们的组件，然后最终将其安装在滑块DOM元素上（然后或多或少地替换它）的方法怎么样？