在 razor 视图中实现可复用的组件遇到的问题

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

最近尝试在 razor 视图中使用vue, 尝试的过程有点跌宕起伏了,
只尝试了一个列表页面, 编辑/预览页面,只有一个空页面
先大概贴一下代码结构:
模板页:
模板页面主要是对 vue axios element 等 js css 的引用

列表页:

编辑/预览页面

编辑预览页对应的 js 文件

目前的结构是个人摸索出来的 , 不知道有没有大佬有更好的方案…

目前这里有个问题:
编辑页面的取消按钮的事件在调用父页面"handleOnDestroy"方法时, 如果时小写可以调用, 如果有大写,则无法调用:
控制台会打印如果消息:
Event “handleondestroy” is emitted in component but the handler is registered for “handleOnDestroy”. Note that HTML attributes are case-insensitive and you cannot use v-on to listen to camelCase events when using in-DOM templates. You should probably use “handle-on-destroy” instead of “handleOnDestroy” .