摘要： 在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。 跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。 解决办法: 在跳转前和跳转后页面的style上加上scoped <style scoped> header{ width: 阅读全文

摘要： router-view 实现路由内容的地方，引入组件时写到需要引入的地方需要注意的是，使用vue-router控制路由则必须router-view作为容器。 通过路由跳转的三种方式 1、router-link 【实现跳转最简单的方法】 <router-link to='需要跳转到的页面的路径> 浏览 阅读全文

摘要： 1.安装 npm i vconsole -D 2.在Vue项目的入口文件（通常是main.js或main.ts）中导入VConsole 请注意，在生产环境下，你应该避免将VConsole包含在你的项目中。你可以使用条件语句来仅在开发环境下引入VConsole //处理是开启H5调试 import V 阅读全文

摘要： 路由（router） 一、就是对应关系 前端路由的工作方式： 1.用户点击了页面上的路由链接 2.导致了URL地址栏中的hash值发生了改变 3.前端路由监听到了hash地址的变化 4.前端路由吧当前hash地址对应的组件渲染到浏览器中 二、history原理 1、history模式主要使用两个HT 阅读全文

摘要： 1、先看看package.json文件，是不是安装了vue-router，如下图，因为我安装了所以有 2、如果没有安装，就使用命令下载vue-router，因为是vue3，要使用vue-router4.0.0以上版本 npm install vue-router@/next --save 3、在项目 阅读全文

摘要： 一、问题 在配置路由的时候，遇到了一个问题，就是添加路由界面的时候，找不到指定的文件，提示错误，如下图: 但是，如果将@换成 ../就正常了，如下图: 二、解决方法 1、需要先安装一个path的插件 npm install --save-dev @types/node 2、找到vite.config 阅读全文

摘要： 一，搭建vite项目 兼容性注意：Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 通过下面的命令行可以创建指定项目名称和你想要使用的模板的vue项目 # npm 6.x 阅读全文

摘要： 1.安装echarts和echarts-map插件 npm install echarts --save npm install echarts-map --save 2.在组件中引入echarts和echarts-map import echarts from 'echarts' import ' 阅读全文

摘要： 为了兼容小程序 Canvas，我们提供了一个小程序的组件，用这种方式可以方便地使用 ECharts。 首先，下载 GitHub 上的 ecomfe/echarts-for-weixin 项目。 一、封装pieChart组件 pieChart.wxml： <view class="container" 阅读全文

摘要： 1、什么是作用域（Scope） 作用域其实就是一个变量绑定的有效范围。 作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。 ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6的到来，为我们提供 阅读全文