vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配
2024-04-19/ 配置基本大小// 设置 rem 函数//当前页面宽度相对于1920px屏幕宽的缩放比例,可根据自己需要修改。//设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整)setRem();//初始化// 适配 - 重置函数setRem();// 全局可调用(其他方式也可)// 改变窗口大小时重置 remsetRem()适配的方法总体分为两步:px转换成remrem根据屏幕大小重置基数改变大小。_vue2 安装postcss-pxtorem
vue3从入门到实战:深度掌握通信插槽slot
2024-04-19插槽(Slot)是Vue中一项强大的特性,它让我们能够在组件中灵活地插入内容。通过插槽,我们可以将一些组件的部分交给使用者来定制,增加了组件的可复用性和灵活性。文章将首先介绍默认插槽(Default Slot),它允许我们在组件中指定一个位置,以便在使用组件时插入自定义的内容。我们可以为插槽提供默认内容,当没有自定义内容时,显示默认内容。默认插槽让组件的使用者能够根据需要插入自己的文本或元素,实现个性化的定制。接着,文章将探讨作用域插槽(Scoped Slot)。作用域插槽是一种特殊的插槽技术,它允
vue3 Ant-design项目启用ts/typescript
2024-04-19搜索了一圈很多说修改配置文件的,其实只需要通过如下命令安装@vue/cli-plugin-typescript即可启用ts支持。
vue3关于Echarts的简单使用及配置
2024-04-19ECharts是一个使用 JavaScript 实现的开源,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。_vue3 echart
《vue3 Typescript》一个简单的日历组件实现
2024-04-19近来项目中需要用到一个日历组件,由于找了找没有找到合适的,因此决定自己简单动手做一个,项目中肯定比这个复杂的多,这里只是给各个小伙伴一个思路或者说是开发的方向~_vue日历
Vite Typescript vue3学习笔记
2024-04-19vite使用的是ts,不识别.vue后缀的文件,需在vite-env.d.ts配置下。用于简化vue3中ref、reactive**、**watch和UI组件的导入。ts需安装node的类型,否则使用node相关会提示找不到。_installed "create-vite@4.4.1" with binaries:
vue3 vite3 typescript使用wangEditor编辑器
2024-04-19?框架vue3 Vite3 TypeScript_wangeditor vite
vue3 Vite TypeScript常用项目模块详解
2024-04-19vue3 Ts Vite_vite vue typescript
vue3全家桶 - vue3 - 【6】组件(注册组件 组件通信 透传属性和事件 插槽 单文件CSS 依赖注入)
2024-04-19组件一、 注册组件1.1 ❌ 全局注册目标文件:main.js;语法:import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)// 全局注册app.component('组件名字', 需要注册组件)app.mount('#app')缺陷:全局注册,但并没有被使用的组件无法生产打包时被自动移除(也叫tree-shaking)。如果,你全局注册了一个组件,即使它并没有_vue3 注册组件
vue3,echarts图表的使用
2024-04-19首先是先引入echarts图表第一步: 安装npm install echarts --save在main.js引入import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import axios from 'axios'import * as echarts from 'echarts' const _vue3 echarts