Html v-on处理程序中出现错误：“0”；TypeError:无法读取属性'$createElement'；“未定义”的定义；

我对非常简单的输入/输出代码有问题。
我应该得到一个Newick格式的输入，然后用它创建一个树。
但我还远没有得到正确的输入

这是我的HTML代码

伦德尔
{{newick}}

{{wtf}}

这是我的JavaScript代码

导出默认值{
名称：“侧边栏”，
数据（）{
返回{
纽里克：“，
世跆联：“世跆联”
};
},
方法：{
render（）{
this.wtf=this.newick；
console.log（this.newick）；
}
}
};

我使用wtf作为我的调试器，但即使这样也不能帮助我找出我做错了什么

以下是错误：

错误1

    vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property '$createElement' of undefined"

    found in

    ---> <Sidebar> at src/components/Sidebar.vue  
           <Main> at src/components/Main.vue  
             <App> at src/App.vue  
               <Root>

vue.esm.js？efeb:628[vue warn]：v-on处理程序中的错误：“TypeError:无法读取未定义的属性“$createElement”
发现于
--->位于src/components/Sidebar.vue
在src/components/Main.vue处
在src/App.vue

错误2

    vue.esm.js?efeb:1897 TypeError: Cannot read property '$createElement' of undefined
    at render (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-7d622f5c","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/Sidebar.vue (0.84f365116a0d985da83b.hot-update.js:14), <anonymous>:3:16)
    at click (eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id":"data-v-7d622f5c","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/components/Sidebar.vue (0.84f365116a0d985da83b.hot-update.js:14), <anonymous>:38:22)
    at invokeWithErrorHandling (vue.esm.js?efeb:1863)
    at HTMLButtonElement.invoker (vue.esm.js?efeb:2188)
    at HTMLButtonElement.original._wrapper (vue.esm.js?efeb:7559)

vue.esm.js？efeb:1897 TypeError:无法读取未定义的属性“$createElement”
在渲染时（在./node_modules/vue loader/lib/template compiler/index.js评估？{“id”：“data-v-7d622f5c”，“hasScoped”：false，“transformToRequire”：{“video”：[“src”，“poster”]，“source”：“src”，“img”：“src”，“image”：“xlink:href”}，“buble”：{“transforms”：}./node_modules/vue loader/lib/selector.js type=template&index=0！。/src/components/Sidebar.vue（0.84f365116a0d985da83b.hot update.js:14），：3:16）
单击（eval at./node_modules/vue loader/lib/template compiler/index.js？{“id”：“data-v-7d622f5c”，“hasScoped”：false，“transformToRequire”：{“video”：[“src”，“poster”]，“source”：“src”，“img”：“src”，“image”：“xlink:href”}，“buble”：{“transforms”：}}./node_modules/vue loader/lib/js type=template&index=0！。/src/components/Sidebar.vue（0.84f36516a0d985da83b.hot update.js:14），：38:22）
在调用错误处理时（vue.esm.js？efeb:1863）
在HTMLButtonElement.invoker（vue.esm.js？efeb:2188）
位于HTMLButtonElement.original._包装器（vue.esm.js？efeb:7559）

因此，我这里的问题是，尽管（在我看来）我使用了@click right并以正确的顺序创建了一个方法，但代码在如何定义我的newick模型方面存在错误。我尝试了一个使用vue绑定和方法用法的简单示例（如下所示），该示例有效，因此我真的不知道我的代码有错。

计数
{{count}}

导出默认值{
名称：“可视化”，
数据（）{
返回{
计数：0
};
},
方法：{
计数器（）{
这个.count++；
}
}
};

首先，名称

render（）

的功能不同。它是保留名称，因为Vue组件使用此名称来呈现模板

第二件事，只传递给事件方法的名称：

    <button @click="display">Render</button>

渲染

---

它应该可以工作：）

非常感谢，问题似乎是名称

render（）

一旦我更改了它，就不再有问题了。虽然我是VueJs新手，但在传递时我没有发现问题和/或

name

和

name（）

之间的区别。这是一个老习惯，我喜欢在方法名称后面加括号。