我更喜欢用Vue开发,所以我有时会深入研究它的功能和特性。在这篇文章中,我向您介绍了十个很酷的提示和技巧,以帮助您成为更好的Vue开发人员。1.slot的语法更加美观。随着Vue2.6的引入,引入了插槽的缩写。缩写可用于事件(例如,@click用于v-on:click事件)或用于绑定的冒号表示(:src)。例如,如果你有一个表格组件,你可以这样使用这个函数:2.$on('hook:')如果你想在创建或挂载的方法中定义自定义事件监听器或第三方插件,并且需要要在beforeDestroy方法中避免任何内存泄漏,您可以使用此功能。使用$on('hook:')方法,我们可以仅使用一个生命周期方法(而不是两个)来定义/删除事件。3.Prop验证你可能已经知道props可以被验证为原始类型,例如字符串、数字甚至对象。我们还可以使用自定义验证器,例如,如果我们想要针对字符串列表进行验证:4.动态指令参数Vue2.6最酷的功能之一是能够动态地将指令参数传递给组件。假设你有一个按钮组件,在某些情况下想要监听点击事件,在其他情况下想要监听双击事件。这就是动态指令派上用场的地方:5.重用同一路由的组件有时候,当我们在不同的路由之间共享一些东西时,如果我们在这些路由之间切换,默认情况下,共享的组件不会重新渲染,因为Vue会重用出于性能原因,此组件。但是,如果我们仍然希望这些组件重新渲染,我们可以通过在路由器视图组件中提供:key属性来实现。6.从父类到子类的所有道具这是一个非常酷的功能,可以将所有道具从父组件传递到子组件。如果我们有另一个组件的包装器组件,这将特别方便。因为,我们不需要一个一个的给子组件传props,而是一次传所有的props:上面可以代替下面的:7.如果子组件不在,从父类到子类的所有事件监听器父组件目录的根目录,你可以像这样将父组件的所有事件监听器传递给子组件:如果子组件在其父组件的根目录下,它会默认获取那些组件,所以这个小组件是不需要技能。8.$createElement默认情况下,每个Vue实例都可以访问$createElement方法来创建和返回虚拟节点。例如,这可用于在可通过v-html指令传递的方法中使用标记。在函数组件中,可以将此方法作为渲染函数中的第一个参数进行访问。9.使用JSX由于VueCLI3默认支持使用JSX,现在(如果我们愿意)我们可以在JSX中编写代码(例如,编写函数组件很方便)。如果你还没有使用VueCLI3,你可以使用babel-plugin-transform-vue-jsx来获得JSX支持。10.自定义v-model默认情况下,v-model是@input事件监听器和:value属性的语法糖。但是,我们可以在Vue组件中指定一个模型属性来定义要使用的事件和值
