vue 保存为html,有没有办法初始化保存初始HTML的Vue对象

我认为这是不可能的,你想这样做。 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}}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值