Property or method "test" is not defined on the instance but referenced during render.

[treecon]

EDIT: The problem occured cause v-runtime-template was child of vue-draggable-resizable component. Issue can be deleted.

In the following, simple case, I get the error in the title.

I am using Vue 2.x

<template>
    <div class="wrapper>
        <vue-draggable-resizable>
            <v-runtime-template :template="template"></v-runtime-template>
        </vue-draggable-resizable>
    </div>
</template>

<script>
import VRuntimeTemplate from "v-runtime-template";

export default {
    components: {VRuntimeTemplate},
    data() {
        return {
            template: '<h3>this is a {{test}}</h3>',
            test: 'abc',
        }
    }
}
</script>

[4m1g0]

I wanted to say thank you. This helped me solve my problem. It was not obvious to me why this wouldn't work.