vue如何适配手机端和pc端

Vue.js 本身并不提供针对手机端和 PC 端的适配方案，但可以通过以下方法实现：

1. 使用媒体查询

在 CSS 中使用媒体查询可以根据屏幕大小来适配不同的布局。可以在 Vue 组件中使用 scoped 样式来实现。

2. 使用响应式布局

Vue.js 提供了响应式布局的方案，可以根据屏幕大小自动调整布局。可以通过使用 flexbox 或 grid 布局来实现。

3. 使用第三方 UI 框架

许多第三方 UI 框架已经提供了移动端和 PC 端的适配方案，如 Vant、Element UI 等，可以直接使用它们提供的组件和样式。

4. 使用移动端框架

如果需要更深度的移动端适配，可以考虑使用移动端框架，如 Vux、Mint UI 等，它们提供了更多移动端特有的组件和样式。

总之，适配移动端和 PC 端需要根据具体的需求和情况来选择合适的方案。