使用 Vue 在页面中传递数据

Question

我在一个函数中接收数据，这个函数需要加载一个新页面。我正在使用 .load() 方法使用 Jquery 执行此操作，但是我的 vue 方法收到错误消息，提示无法在其他页面中找到该元素。我相信这可能是一个更好的方法，但我不知道该怎么做通过 vue 组件传递数据

static foo(a,b){
    $('#maindiv').load("/newPage");
    new Vue({
        el: '#newPageElem',
        data: {
            vueVar1:a
            vueVar2:b
        },

    });
}

我怎样才能做到这一点？我相信使用 Jquery 不是实现这一目标的最佳方法，但我不知道如何使用 vue 更改路由并在它们之间传递参数。

谢谢。

Answer 1

您可以在vue-router这里查看：http : //router.vuejs.org/en/essentials/getting-started.html - 它允许您处理所有客户端路由。

要进行 http 调用以从服务器接收数据，您可以使用vue-resource( https://github.com/vuejs/vue-resource )

最好避免将 jQuery 与 Vue 混合使用，因为 Vue 负责渲染 DOM。如果您使用 jQuery 进行任何 DOM 更改，它将在下一次 DOM 更新中被 Vue 覆盖。因此，您最终将花费大量时间进行调试。

此外，您无法在函数内实例化 Vue 应用程序，如您的代码示例所示，除非您在页面加载时调用该函数。理想情况下，脚本的前几行应该启动 Vue 应用程序。