ZHANG

最近在写的一个项目，在谷歌上显示正常，但是在火狐浏览器上排版和字体都显示异常。 一开始以为是兼容性的问题导致，又或者是两个浏览器的视口宽度不同导致的，最后一一排查，发现都不是。 最后朋友帮我排查出，是

​ 1.首先可以创建两个组件，一个父组件（App.vue）和一个子组件（btn.vue） ​编辑 2.btn.vue子组件内写入如下代码 ​编辑 3.在父组件App.vue内引入btn子组件，注册并且

​ 当我们在很多页面需要用到相同样式的时候，可以通过封装全局的样式去简化代码 。 可以通过全局引入或者按需引入（全局引入可以直接在main.js里面引入即可，按需引入可以直接在需要用到样式的页面内引入

​  1.首先我们需要进入到高德地图的官方网站申请一个key和密钥 ，创建一个项目--首页 | 高德控制台 ​编辑 2.安装高德地图的包 --npm i @amap/amap-jsapi-loader

​  1.下载npm i vue-router 2.main.js 内引入 3.配置路由--如果有children可以继续配置 ​编辑 4.app.vue里面设置路由出口 ​

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d8ebdaeab9024c958e05f412385a8753~tplv

​ 1.下载echarts第三方的包。 2.可以选择全局注册引入，或者页面引入，在echarts官网可以看到不同引入方法的代码 。 ​编辑 个人建议用的不多的话，可以按需引入的呀，封装成组件需要引入使

1.一般可以在utils目录下定义一个方法的js文件，我的是input.js，内部是封装的一个工具函数 2.在main.js内，先导入封装的工具函数，再把此函数挂载到vue 的原型上即可。 3.后期在

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/819d4a7642594fa9b17e003ee8ea1aff~tplv