Vue的click事件在html中失效问题

        VUE作为一种视图模型的解决方案，不同于jquery的对dom结构处理的解决方案。vue组件在项目中运用时，按常规控件（比如标签@click）的使用方法都能正常执行，可能有时也会遇到各种问题。比如html页面中控件是可能需要动态生成的，那么直接使用标签@click的字符串来拼接html生成页面，页面是不能正常解析标签@click的，我们看到vue项目的“标签@click“，在最后页面实际展现后，是看不到"@click"，是因为VUE容器加载后，来解析这个控件的click事件相应的。

        这个问题也是困扰了我一个多小时，一开始以为vue.js引入不成功，运行后打开Vue调试器也成功，所以Vue是引入成功的。又检查了vue版本是不是2，也没问题。还检查了挂在元素问题，也没问题，最后发现在html直接使用@click指令时，页面不能正确解析@click，后面就直接将@click换成window原生的onclick，再在vue的created生命周期里将window.methodName等同于vue.methodName，代码如下：

new Vue({
            el: '#app',
            methods: {
                deleteEmployee(event) {
                    var deleteForm = document.getElementById("delete_form");
                    deleteForm.action = event.target.href;
                    deleteForm.submit();
                    event.preventDefault();
                }
            },
            created() {
                window.deleteEmployee = this.deleteEmployee;
            }
        });

这样即可正常触发vue.methods中定义的方法了