请阐述在使用 Vue.js 的 v-if 和 v-for 指令时，为什么通常不推荐将它们组合在一起使用？并简要说明理由。

解答思路：

在Vue中，v-if和v-for都是常用的指令，但不建议一起使用是因为它们的行为特性和性能考量有所不同。v-if是用于条件渲染，它会根据条件决定是否渲染元素，而v-for则是用于渲染列表数据，它会为列表中的每一项生成一个元素。当两者一起使用时，可能会导致性能问题，因为每次条件变化时，v-for生成的元素都会重新渲染，这可能会导致不必要的计算和性能消耗。因此，为了优化性能和代码的可读性，建议避免将它们一起使用。

最优回答：

v-if和v-for不建议一起使用的主要原因是性能问题。v-if用于条件渲染，会根据条件变化决定是否渲染元素；而v-for用于渲染列表数据，会生成多个元素。当两者一起使用时，每次条件变化都会导致v-for生成的元素重新渲染，造成不必要的性能消耗。因此，为了提高性能和代码的可读性，应该避免将它们混合使用。如果确实需要同时使用，应考虑使用计算属性或方法来进行数据处理和过滤，然后在外部使用v-if进行条件渲染。

关于Vue中的v-if和v-for的更多知识，可以进一步了解以下几点：

1. v-if是用于条件渲染的指令，只有当条件满足时才渲染元素。它的作用是“条件性地”渲染一块内容。
2. v-for是用于渲染列表数据的指令，可以遍历数组或对象，并为每一项生成一个元素。它的作用是“基于源数据多次渲染一个元素”。
3. 在某些情况下，可以使用计算属性或方法来处理数据，然后在外部使用v-if进行条件渲染，以替代将v-if和v-for一起使用的方式。这样可以避免性能问题并提高代码的可读性。
4. 对于复杂的场景，可以考虑使用Vue的组件化思想来解决问题。通过将不同的逻辑封装到不同的组件中，可以更好地管理和优化代码的性能。

请注意，以上内容是基于当前的知识和理解进行的解答。随着Vue版本的更新和社区的发展，可能会有新的最佳实践和技术出现，建议查阅最新的官方文档和社区资料以获取最新的信息。