Setting vue prop from javascript



我们有一个旧的遗留MVC应用程序,其中混合了UI技术,从剃刀页面到JQuery再到Vue本机。

我遇到的问题是,新的vue组件在隔离状态下工作得很好,但我们希望从一个旧的javascript文件中实例化组件及其属性。

这可以在Vue入口脚本之外完成吗?

本质上,我们有一个Js文件来加载一个客户,这时我们想将vue组件与客户id绑定。我想我们可以使用数据字典来设置数据属性(我相信vue映射到道具(,但这似乎不起作用(属性上有一个手表(。

vue组件正在其他地方使用,这就是为什么我不想更改它

在紧急情况下,您可以使用绑定到Vue在上实例化的DOM元素的__vue__属性从外部代码访问和修改Vue2内部。

这并没有得到官方的支持,但Vue的创建者表示"官方的devtool也依赖于它,所以它不太可能改变或破坏"https://github.com/vuejs/vue/issues/5621

我建议将这种方式的操作量降至最低,但设置客户ID应该相当简单。

(在Vue3中,这有点复杂;您需要从Vue中进行DOM绑定。(

最新更新