在使用Vue新版本进行组件优化与资源压缩时，我们可以从以下几个方面进行操作：
- 使用Vue.js的生产环境构建
确保在生产环境中使用Vue.js的生产环境构建。这可以通过将process.env.NODE_ENV设置为'production'在webpack.config.js中进行配置。这样，Vue.js将会自动启用代码压缩、去除未使用的代码以及优化图片等资源。
- 优化Vue组件
为Vue组件编写可复用的模块和功能。当一个组件被多次使用时，通过将组件拆分为多个模块并导出，可以降低代码的体积和提高加载速度。同时，避免不必要的副作用和全局状态管理，保持组件的单纯性。
- 使用异步组件
当路由懒加载的时候，可以使用异步组件来按需加载组件。这可以降低应用的初始加载时间，并在需要时才加载所需的组件。通过使用import()语法可以实现异步组件的加载。
- 优化props和事件
避免在父组件中传递大量不必要的数据给子组件。通过使用props传递必要的数据，并在子组件中解构props，可以减少数据传输的开销。同时，对于事件处理器，尽可能使用简短的函数名称以提高性能。
- 使用v-once对静态内容进行性能优化
对于不会发生变化的静态内容，可以使用v-once指令来限制Vue对数据的扫描和编译。这样，这些内容将不会触发重排和重绘，从而提高应用的渲染性能。
- 减少watcher的数量
watcher是Vue中数据变化的观察者，当观察的数据发生变化时，Vue会创建一个新的watcher。因此，过多的watcher会影响性能。可以通过合并watcher、使用computed属性或者lodash等方法来减少watcher的数量。
- 使用keep-alive缓存组件
当页面中的某些组件在切换时，它们会被销毁和重建。这会导致额外的内存消耗和渲染时间。使用<keep-alive>标签可以将这些组件缓存起来，以便在切换回来时能够快速恢复它们的状态，从而提高性能。
- 避免过度使用第三方库
尽量减少第三方库的使用，以降低代码的体积和复杂性。如果确实需要使用第三方库，请考虑其性能影响，并尝试寻找替代方案。
- 代码分割与懒加载
通过代码分割技术，可以将应用程序划分为多个较小的代码块，这样就可以只加载需要的部分。这不仅可以减小应用的初始加载时间，还可以提高应用的性能。
- 使用Webpack插件进行优化
利用Webpack的插件，如UglifyJSPlugin，可以对JavaScript代码进行压缩和优化。此外，还可以使用其他Webpack插件来处理图片、CSS等资源文件，以进一步提高性能。
总之，在使用Vue新版本进行组件优化与资源压缩时，我们需要从多个方面进行考虑和实践。通过上述方法，我们可以有效地提高Vue应用的性能，从而为用户提供更好的体验。