VueJS-如何将数据传递到新的Vue实例

Question

我有两个Vue-Test1和Test2。从Test1，我将Test2称为新的Vue实例。我需要传递一个值，我正在尝试使用道具和数据进行传递，但显然会犯一些错误。以下是代码段-

Test1

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)
});

Test2

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

在Test2中，如果我尝试使用任一属性，我将为空（“”）。请让我知道我可能做错了，感谢您的帮助。

Answer 1

我还没有与render()合作过，但是相信您会像这样通过他们

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