摘要:
Vue中的$forceUpdate有强制刷新的意思,但是这个针对于深层次结构数据,数据通过赋值进行了更新,但是vue监听不到。深结构数据对于普通类型的数据来说,我们不需要操心数据绑定,Vue的内部机制已经帮助我们监听更新,但是对于一个复杂对象来说,例如数组对象、对象数组等,我们对其某个元素增加属性, 阅读全文
摘要:
该方法可以进行判断一个引用类型的数据是否有值,如果为undefind则可以设置默认值给它1、需要安装Lodash,再在使用的文件中引入Lodash npm install -S lodash安装lodash依赖包import _ from ‘lodash’;//文件中引入lodash模块2、使用_. 阅读全文
摘要:
import {onMounted, ref,onUnmounted,getCurrentInstance } from 'vue' import router from "../router"; const { proxy } = getCurrentInstance() // import { 阅读全文
摘要:
一、browserslist 什么用于指定浏览器范围。你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .browserslistrc 文件),指定了项目的目标浏览器的范围。这个值会被 @babel/preset-env 和 Autoprefixer 用 阅读全文
摘要:
一、现状 近些年,随着移动端的发展,前端技术也发生了翻天覆地的变化,尤其是ECMAScript标准的不断升级,从es2015一直到最新的es2021,各种各样的前端javascript的特性被定义和推广,各个浏览器的厂商为了市场占比和用户体验的提升也在进行着一轮一轮的优化升级,目前的主流浏览器已经支 阅读全文
摘要:
1. 安装Animate.cssnpm install animate.css --save2. 配置 Animate.css全局引入:写在main.js中 局部引入:写在要使用的 .vue文件中 // 动画 animate.cssimport animate from "animate.css"; 阅读全文
摘要:
随着VsCode开源免费,丰富的插件,也是深受前端开发人员爱戴,在我们使用VsCode开发vue2的时候经常会下载一个插件vetur ,帮我们提供良好的代码智能提示 在当vue3.2发布完之后 vetur 并不能给我们提供良好的代码提示,所以volar顺应而生 Volar 与vetur相同,vola 阅读全文
摘要:
vue3.0+vite1.全局安装vite // 可以在全局目录中看到create-vite-app目录npm install -g create-vite-app122.初始化vite项目 // 两种命令结果相同// npm init vite-app <project-name>npm init 阅读全文
摘要:
浅拷贝就是只拷贝一层,更深层次对象级别只拷贝引用(地址) 当拷贝的新对象发生改变时,原对象也会发生相同的改变,也就是说,浅拷贝会影响原来的元素 深拷贝: 深拷贝拷贝多层,每一级的数据都会拷贝 深拷贝只拷贝内容,两个对象拥有不同的地址 当拷贝出来的对象发生改变时,原对象内容不会改变,两者互不影响 JS 阅读全文
摘要:
opacity: 0.5; //会导致文字透明,取值从 0 到 1background-color:rgba(0,0,0,0.5); 使用rgba设置背景色 background-color:rgb(0 0 255 / 0.3); 使用rgb设置背景色 RGB颜色值和十六进制颜色码转换: https 阅读全文