1.总是在`v-for`中使用`:key`需要操作数据时，使用key属性配合v-for命令即可该程序必须是恒定的和可预测的。通过这种方式，Vue可以跟踪组件状态并持续引用不同的元素。当使用动画或Vue转换时，如果没有键，Vue只会尝试使DOM尽可能高效。这可能会导致v-for中的元素出现乱序，或者行为不可预测。如果我们对每个元素都有唯一的键引用，我们就可以更好地预测Vue应用程序将如何准确地处理DOM操作。2.使用驼峰式大小写声明props，在模板中使用破折号名称访问props最好的做法是遵循每种语言的约定。在JS中，驼峰式大小写是标准的，在HTML中，它是破折号。Vue已经提供了驼峰式和破折号名称之间的转换，所以我们不必担心除了实际声明它们之外的任何事情。3.在事件中使用破折号名称在发出自定义事件时，最好使用破折号名称，因为在父组件中，我们使用相同的语法来监听事件。因此，为了确保我们的组件之间的一致性并使您的代码更具可读性，请坚持在两个地方使用破折号名称。4、功能组件功能组件是无状态的，不能被实例化，没有任何生命周期和方法。创建功能组件也很简单，只需在模板中添加功能声明即可。一般适用于只依赖于外部数据变化的组件。由于重量轻，渲染性能也会得到提升。组件需要的一切都通过上下文参数传递。它是一个上下文对象，具体属性见文档。这里的props是一个包含所有绑定属性的对象。5、复用同一个路由的组件开发者经常会遇到多个路由解析到同一个Vue组件的情况。问题是，由于性能原因，Vue默认情况下不会重新渲染共享组件，如果您尝试在使用相同组件的路由之间切换，则不会有任何改变。如果您仍然希望重新渲染这些组件，您可以通过在router-view组件上提供:key属性来实现。6.$createElement一般来说，每个Vue实例都可以访问$createElement方法来创建和返回虚拟节点。例如，这可用于在可通过v-html指令传递的方法中使用标记。在函数组件中，可以将此方法作为渲染函数中的第一个参数进行访问。7.使用JSX由于VueCLI3默认支持使用JSX，现在你可以使用JSX编写代码。如果你还没有使用VueCLI3，你可以使用babel-plugin-transform-vue-jsx来获得JSX支持。8.作用域槽实现UI和业务逻辑的分离我们经常想复用一个组件的业务逻辑，但是当我们不想使用该组件的UI时，我们可以使用作用域槽来分离UI和业务逻辑。作用域槽的总体思路是将DOM结构交给调用者来决定，而只关注组件内部的业务逻辑，最终将数据和事件通过方法：item="item"。UI和业务逻辑分离。结合渲染功能，可以达到无渲染组件的效果。
