前面一片文章说了vue2.0过滤器，其实自定义指令跟过滤器非常相似，单就定义方式而言，其与过滤器完全一致，分为局部指令，和全局指令。不过就是filter改为directive的区别。 过滤器一般用于对一些常见文本的格式化，而自定义指令主要是为了对底层DOM实现操作，虽然说vue主要是以 ...

在大多数情况下，你都可以操作数据来修改视图，或者反之。但是还是避免不了偶尔要操作原生 DOM，这时候，你就能用到自定义指令。 举个例子，你想让页面的文本框自动聚焦，在没有学习自定义指令的时候，我们可能会这么做。 在mounted钩子函数里，通过 $refs 获取需要聚焦的 DOM 元素 ...

el: 指令所绑定的元素，可以用来直接操作DOM。 binding: 一个对象，包含指令的很多信息。 vnode: Vue编译生成的虚拟节点。 利用钩子函数： 1、bind:只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个绑定时执行一次的初始化 ...

感觉2.0好坑啊，自定义指令和1.0完全不一样，并且文档写得也不太清晰，下面是我写得一个demo,希望帮助大家更好地理解自定义指令 ...

　　vue3.0 的发布与 vue2.0 相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松； 更快 　　1、virtual DOM 完全重写，mounting & patching 提速 100%； 　　2、更多编译时 （compile-time）提醒 ...

1、vue2使用Object.defineProperty方法实现响应式数据，vue3使用proxy实现响应式数据 Object.defineProperty的缺点： 　　无法检测到对象属性的动态添加和删除 　　无法检测到数组的下标和length属性的变更 解决方法： 　　vue2提供 ...

https://vue-docs-next-zh-cn.netlify.app/guide/template-syntax.html#%E5%8E%9F%E5%A7%8B-html 重要 https://www.cnblogs.com/coober/p/10875647.html ...

如果之前装过vue2.0，先卸载掉 npm uninstall -g vue-cli 如果之前装过vue3.0，先卸载掉 npm uninstall -g @vue/cli 随便在一个目录下创建vue2和vue3文件夹 在vue2文件夹下打开打开cmd终端，本地安装vue2（注意不要加 ...