vue.js - VueJS - 如何将数据传递给新的 Vue 实例

Question

我有两个 Vue——​​Test1 和 Test2。在 Test1 中，我将 Test2 称为新的 Vue 实例。我需要传递一个值，我试图使用道具和数据来做到这一点，但显然犯了一些错误。以下是代码片段 -

测试1

import Test2 from '@/components/Test2.vue';

new Vue({
el: '#app',
components: { Test2 },
props: { varpassedprops: 'TESTINGPROPS'},
data() {
    return {
    varpassed: 'TESTING'
    }
},
template: '<Test2/>',
render: h => h(Test2)
});

测试2

export default {
    props: 'varpassedprops',
    data() {
        return {
            varpassed: ""
        }
    },

在 Test2 中，如果我尝试使用任一属性，我会得到空 ("")。请让我知道我可能做错了什么，感谢您的帮助。

标签： vue.js

Answer 1

我没有合作render()太多，但相信你会像这样通过它们

render: h => h(Test2, {
props: {
        varpassed: this.varpassed
   })
});