npm install xxxx --legacy-peer-deps

而npm install xxxx --legacy-peer-deps命令用于绕过peerDependency里依赖的自动安装；它告诉npm忽略项目中引入的各个依赖模块之间依赖相同但版本不同的问题，以npm v3-v6的方式去继续执行安装操作。npm install xxxx --legacy-peer-deps命令与其说是告诉npm要去干什么，不如说是告诉npm不要去干什么。npm install xxxx --legacy-peer-deps命令是什么？为什么可以解决下载时候产生的依赖冲突呢？

不同手机顶部导航条的高度不同，这时候要动态定义导航条的高度，下面是代码案例，仅做参考。

1、建立公共的js matchType.js// 根据文件名后缀区分 文件类型 function getType(fileName) { // 后缀获取 var suffix = ''; // 获取类型结果 var result = ''; try { var flieArr = fileName.split('.'); suffix = flieArr[flieAr...

方法一：jspdf+html2canvas1.首先安装jspdf，html2canvas2.在utils下新建htmlToPdf.jsimport html2canvas from 'html2canvas';import JsPDF from 'jspdf';/** * @param ele 要生成 pdf 的DOM元素（容器） * @param padfName PDF文件生成后的文件名字 * */function downloadPDF(el

页面代码 <div v-for="(item, index) in dataList['imagename']" :key="index"> <div style="margin-top: 5px" class="document-list-box"> <van-image :src="item.url" v-if="matchType(item.name) =

<template> <div class="timer"> <div ref="startTimer"> <!-- days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒" --> {{ days }}天{{ hours }}小时{{ minutes }}分钟{{ seconds }}秒 </div> </div></template&g.

第一种全局导航钩子const router = new VueRouter({ ... });router.beforeEach((to, from, next) => { // do someting});这三个参数 to 、from 、next 分别的作用：1.to: Route，代表要进入的目标，它是一个路由对象2.from: Route，代表当前正要离开的路由，同样也是一个路由对象3.next: Function，这是一个必须需要调用的方法，而具体的执行效果则依赖 nex.

Error: Cannot find module 'webpack-cli/bin/config-yargs'原因是webpack-cli和webpack-dev-server不兼容 "webpack": "^5.1.3", "webpack-cli": "^4.1.0", "webpack-dev-server": "^3.11.0"切换到终端更改版本yarn add webpack-cli@3.3.9 --dev yarn add webpack-dev

asyncData()方法 基本用方法： 它会将asyncData返回的数据融合组件data方法返回数据一并给组件 调用时机：服务端渲染期间和客户端路由更新之前 注意事项： asyncData()只能在页面组件上使用 没有this,因为它是在组件初始化之前被调用的 代码案例<template> <div> <h1>{{ title }}</h1> .

Vuex基本结构import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { }, mutations: { }, actions: { }, modules: { }})StateVuex 使用单一状态树，用一个对象就包含了全部的应用层级状态。使用 mapState 简化 State 在视图中的使用，mapSta

yarn的安装yarn global add @gridsome/clinpm的安装npm install --global @gridsome/clisharp的库所在位置：https://github.com/lovell/sharpsharp的官方网址：https://sharp.pixelplumbing.com在官网中找到安装选择Chinese mirrornpm config set sharp_binary_host "https://npm.ta

proxy对象实现属性监听 多层次属性嵌套，在访问属性过程中处理下一级属性 默认监听动态添加的属性 默认监听数组索引和length属性 可以作为单独的模块使用 核心方法 Reactive/ref/toRefs/computed effect track trigger Reactive函数 接收一个参数，判断这参数是否是对象 创建拦截器对象handler，设置get/set/deleteProperty..

两种方式一、全新项目：使用Vue CLI 脚手架创建Vue项目二、已有项目：添加Vue官方配置的TypeScript适配插件1.使用@vue/cli安装TypeScript插件vue add @vue/typescriptdependencies依赖依赖项 说明 vue-class-component 提供使用Class语法写组件 vue-property-decorator 在class语法基础之上提供了一些辅助装饰器 devDepende.

access_token作用：获取需要授权的接口数据expires_in作用：access_token 过期的时间refresh_token作用：刷新获取新的 access_token为什么access_token需要有过期时间以及比较短为了安全怎么处理？方法一：在请求发起拦截每个请求，判断token的有效时间是否已经过期，若已过期，则讲请求挂起，先刷新token后再继续请求 优点：在请求前拦截，能节省请求，省流量 缺点：需要后端额外

选择Code => 首选项 => 用户片段 (如下图)输入vue找到vue.json在vue.json添加代码，可以根据自己的需要自定义模板{ "vue": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div></div>", "</template>", "", "<script>",