我认为这是不可能的,你想这样做。 Vue.JS不直接在DOM上操作。它读取DOM元素,将它们转换为渲染函数,并用渲染函数的结果替换整个元素。
您应该使用JQuery扫描您的DOM并填充您的$ data对象(也可能是您的Vue的模板字符串),然后使用此生成的数据初始化您的Vue实例。
但总的来说 - 您应该重新考虑您的应用程序逻辑,因为您似乎在做一些非常复杂的事情,这可能会更容易解决。无论生成什么DOM模板,都可能直接渲染成JS变量,甚至可以通过AJAX调用访问...
如果您希望在客户端不支持JS或CDN时渲染备用方法对于Vue不可用,您可以使用脚本模板方法。在Vue准备就绪后,在脚本标记中定义Vue.JS内容,该标记将替换原始DOM。
实施例:
function loadVue() {
new Vue({
data: { values: [ 'aaa','bbb','ccc' ] },
template: '#list-template',
el: '#list'
})
}
- a
- b
- c
Load Vue.JS
- {{v}}