Category: Vue

Vue 手机端面的样式适配

在Vue手机端应用中，可以通过CSS媒体查询、使用Vue组件库、基于rem单位的布局和CSS Flexbox布局等方法来适配不同的屏幕尺寸和设备类型，以提升用户体验。

在 Vue2 项目中关闭 ESLint 校验，需修改 `.eslintrc.js` 或相关配置文件的 `extends` 属性，并在 `package.json` 中注释或删除 `lint` 命令，然后重启开发服务器。

在Vue3项目中安装和使用echarts，需通过npm安装echarts和vue-echarts，然后在main.js中引入并配置，最后在Vue组件中通过v-chart组件展示自定义的图表配置。

在 Vue 3 中，通过安装并使用 `@vueuse/context-menu` 库，可以轻松创建一个响应右键点击事件的上下文菜单，并在点击菜单项或其他区域时进行相应处理。

这个 Vue 组件封装了 Ace Editor，提供了一个界面用于编辑和保存 JSON 格式的代码，并包含多个功能按钮如查找、关闭、重置和保存提交。