![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3.0
文章平均质量分 52
小曲曲
这个作者很懒,什么都没留下…
展开
-
vue3中实现3D地图——three.js
【代码】vue3中实现3D地图——three.js。原创 2024-06-19 11:06:09 · 359 阅读 · 0 评论 -
为什么推荐使用ref而不是reactive
【代码】为什么推荐使用ref而不是reactive。原创 2024-02-29 16:01:25 · 665 阅读 · 0 评论 -
十五、vue3+ts项目框架搭建——环境变量和代理跨域及api的定义
在根目录下新建三个环境变量配置文件 .env.development(开发环境).env.test(测试环境).evn.production(生产环境)分别定义开发环境、线上环境和测试环境的变量webpackVUE_APP_TITLE = 学企来# 开发环境配置# 路由懒加载vite:默认只有 VITE_ 开头的变量可以被访问。原创 2024-02-18 09:57:13 · 605 阅读 · 0 评论 -
十四、vue3+ts项目框架搭建——路由鉴权——进度条
【代码】十四、路由鉴权——进度条。原创 2024-02-18 09:56:32 · 421 阅读 · 0 评论 -
十三、vue3+ts项目框架搭建——登录、退出登录逻辑梳理
登录登录之后存储token在pinia,在请求头传递token拿到token之后获取用户信息,存储在pinia跳转首页(或退出登录时携带的路径)退出登录掉接口告知退出登录清除跟用户有关的store数据跳转登录页并携带参数:当前路径(下次登录可直接跳转到退出前的页面)原创 2024-02-18 09:55:59 · 394 阅读 · 0 评论 -
十二、vue3+ts项目框架搭建——实现全屏模式
【代码】十二、实现全屏模式。原创 2024-02-18 09:55:21 · 411 阅读 · 0 评论 -
十一、vue3+ts项目框架搭建——点击刷新实现页面刷新——组件重加载
点击刷新,将内容区域组件重新加载即可。原创 2024-02-18 09:54:49 · 670 阅读 · 0 评论 -
十、vue3+ts项目框架搭建——根据菜单动态生成面包屑route.matched
【代码】十、根据菜单动态生成面包屑route.matched。原创 2024-02-18 09:54:18 · 411 阅读 · 0 评论 -
九、vue3+ts项目框架搭建——顶部左侧按钮折叠菜单效果
【代码】九、顶部左侧按钮折叠菜单效果。原创 2024-02-18 09:53:20 · 439 阅读 · 0 评论 -
八、vue3+ts项目框架搭建——右侧下部页面内容区域
【代码】八、右侧下部页面内容区域。原创 2024-02-18 09:52:46 · 469 阅读 · 0 评论 -
七、vue3+ts项目框架搭建——动态菜单—递归组件的使用
【代码】七、动态菜单—递归组件的使用。原创 2024-02-18 09:52:18 · 789 阅读 · 0 评论 -
六、vue3+ts项目框架搭建——全局配置文件的定义和使用
/用于项目logo|标题配置title: '硅谷甄选运营平台', //项目的标题logo: '/public/logo.png', //项目logo设置logoHidden: true, //logo组件是否隐藏。原创 2024-02-18 09:50:57 · 468 阅读 · 0 评论 -
五、vue3+ts项目框架搭建——全局scss变量定义及使用
【代码】五、全局scss变量定义及使用。原创 2024-02-18 09:50:21 · 941 阅读 · 0 评论 -
四、vue3+ts项目框架搭建——pinia
在store文件夹下新建user.jsdefineStore定义一个store第一个参数是你的应用中 Store 的唯一 ID第二个参数可接受两类值:Setup 函数或 Option 对象仓库最好使用 store 的名字,同时以use开头且以Store结尾。(比如})原创 2024-02-18 09:49:46 · 684 阅读 · 0 评论 -
三、vue3+ts项目框架搭建——路由
安装指令 pnpm install vue-router配置路由文件 /src/router/index.ts路由文件单独提取src\router\index.ts//通过vue-router插件实现模板路由配置import { createRouter, createWebHashHistory } from 'vue-router'import { constantRoute } from './router'//创建路由器const router = cre原创 2024-02-18 09:48:57 · 635 阅读 · 0 评论 -
二、vue3+ts项目框架搭建——必备工具
在src文件夹目录下创建一个index.ts文件:用于注册components文件夹内部全部全局组件!!!})在mian.js配置。原创 2024-02-18 09:48:08 · 1175 阅读 · 0 评论 -
一、vue3+ts项目框架搭建——规范
eslint针对的是javascript,他是一个检测工具,包含js语法以及少部分格式问题,在eslint看来,语法对了就能保证代码正常运行,格式问题属于其次;会在根目录下生成个一个.husky目录,在这个目录下面会有一个pre-commit文件,这个文件里面的命令在我们执行commit的时候就会执行。对于我们的commit信息,也是有统一规范的,不能随便写,要让每个人都按照统一的标准来执行,我们可以利用。当我们对代码进行commit操作的时候,就会执行命令,对代码进行格式化,然后再提交。原创 2024-02-18 09:47:07 · 1731 阅读 · 0 评论 -
vue3及element-plus坑总结
原因因为push的并不是一个值,而是一个地址,数组都指向同一个地址每一次push就等同于改变了数组的地址,所以会导致每次都变成了最后push的内容。解决方法:将push的内容深拷贝一份再push。原创 2023-07-12 15:39:36 · 1637 阅读 · 0 评论 -
elementPlus——多选表格变单选
【代码】elementPlus——多选表格变单选。原创 2023-02-21 15:14:31 · 1397 阅读 · 0 评论 -
富文本编辑器——wangEditor兼容各种框架
【代码】富文本编辑器——wangEditor。原创 2023-02-17 16:23:42 · 576 阅读 · 0 评论 -
使用Keep-alive缓存组件实现页面分步填写表单,最终提交功能
代码】使用Keep-alive缓存组件实现页面分步填写表单,最终提交功能。原创 2022-08-18 15:09:50 · 536 阅读 · 0 评论 -
vue3实现B站播放的视频离开可视窗口时,在右下角显示小窗口——Teleport
代码】vue3实现B站播放的视频离开可视窗口时,在右下角显示小窗口——Teleport。原创 2022-08-17 16:15:33 · 1745 阅读 · 0 评论 -
vue3——组件
代码】vue3——组件。原创 2022-08-11 15:31:05 · 1629 阅读 · 0 评论 -
vue3 组件通信的方式总结
代码】vue3父子组件通信的方式总结。原创 2022-08-10 15:17:45 · 339 阅读 · 1 评论 -
vue3+vite自动引入组合Api插件unplugin-auto-import
代码】vue3+vite自动引入组合Api插件unplugin-auto-import。原创 2022-08-09 16:08:10 · 1032 阅读 · 0 评论 -
vue3实现图像裁剪vue-cropper
安装 文档npm install vue-cropper父组件<template> <div> <el-button @click="dialogVisible = true">上传头像</el-button> <avatar-cropper :dialogVisible.sync="dialogVisible" @closeAvatarDialog="closeAvatarDialog"></avatar-cro原创 2021-11-03 13:19:42 · 3941 阅读 · 0 评论 -
vue3组合式API - 尚硅谷
Vue3快速上手1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy原创 2021-11-01 10:32:30 · 2170 阅读 · 3 评论 -
vue3.0面试篇
1. Vue 3.0 性能提升主要是通过哪几方面体现的?1.响应式系统提升vue2在初始化的时候,对data中的每个属性使用definepropery调用getter和setter使之变为响应式对象。如果属性值为对象,还会递归调用defineproperty使之变为响应式对象。vue3使用proxy对象重写响应式。proxy的性能本来比defineproperty好,proxy可以拦截属性的访问、赋值、删除等操作,不需要初始化的时候遍历所有属性,另外有多层属性嵌套的话,只有访问某个属性的时候,才会递归原创 2021-04-13 18:16:55 · 495 阅读 · 0 评论