m0_62574227的博客

原创 VUE3+TS+elementPlus项目基础搭建

本文介绍了如何搭建Vue3+TypeScript项目并集成ElementPlus组件库。首先需要安装Node.js(v14.18+)和Vue CLI，然后创建项目并选择TypeScript支持。接着安装ElementPlus并在main.ts中配置。文章还提供了TypeScript配置示例，并讲解了如何集成Vue Router和Vuex进行路由和状态管理。最后通过npm run serve运行项目。整个流程涵盖了从环境搭建到核心功能集成的完整步骤。

原创 组件间的传参方式

localStorage：本地存储 sessionStorage(也可以实现传值，用法同localStorage一样)兄弟间传 ------- 给兄弟俩搭建一条事件总线$bus.$emit/$bus.$son。$attrs 可以获取当前子组件上所有的属性，可以代替props接收父组件传过来的数据。Vue的五种通信方式。$children:在子组件中可以获取所有父组件的实例。$parent:在父组件中可以获取所有子组件的实例。父传子 ------- props。子传父 ------- $emit。

原创 ES6 总结

本身没有this，但是在声明的时候可以捕获其上下文的this供自己使用(this指向不能被改变)【箭头函数在全局作用域声明，它捕获全局作用域中的this，this指向window对象】；var声明的变量为全局变量，并且会将该变量添加为全局对象的属性，但是let和const不会。这在语法上，称为暂时性死区。（4）重复声明： var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。（2）变量提升： var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。

原创 Vue.js 常用

原创 数组的处理方式

splice() //删除或替换数组中的元素,或在数组中添加新元素(会修改原数组) eg:arr.splice(1,1,5555)替换数组中第一个元素为5555。contact() //合并两个或多个数组,返回一个新的数组(也可用...扩展运算符合并)forEach() //会遍历到数组中的每个元素,没有返回值,会修改原数组。map() //会创建一个新数组,会返回一个新数组,不会修改原数组。slice() //删除数组中的元素(不会修改原数组)find() //返回数组中第一个符合条件的元素。

原创 ECharts 柱状图, 柱子渐变色

图表的柱子颜色可自定义。

原创 Git 命令

git。

原创 CSS 盒子居中的方法

translate（）相当于水平平移,+表示向右/下,-表示向左/上。translate（x,y,z）相当于水平平移+垂直平移+放大。translate（x,y）相当于水平平移+垂直平移。translateX（x）水平方向平移。translateY（y）垂直方向平移。translateZ（z）相当于放大。

原创 CSS 画不同方向的三角

【代码】CSS 画不同方向的三角。

原创 Vue生命周期钩子函数

【代码】Vue生命周期钩子函数。

原创 Vue的五种通信方式

Vue的五种通信方式