Vue3
文章平均质量分 93
Vue3 相关
Lyrelion
加油!
展开
-
Vite + Vue3 + Electron 创建打包桌面程序、实现进程通信
Vite + Vue3 + Electron 创建打包桌面程序、实现进程通信原创 2022-12-10 16:52:55 · 12436 阅读 · 0 评论 -
Vue3 学习笔记 —— 函数式编程、createVNode、render、h 函数
Vue3 学习笔记 —— 函数式编程、createVNode、render、h 函数原创 2022-12-10 11:41:47 · 10990 阅读 · 1 评论 -
Vite + Vue3 项目中,使用 vw/vh 适配移动端,并通过 Android Studio 打包
Vite + Vue3 项目中,使用 vw/vh 适配移动端,并通过 Android Studio 打包原创 2022-12-10 00:40:50 · 5019 阅读 · 0 评论 -
Vue3 学习笔记 —— scoped、tailwind、unocss 原子化、Vue3 样式新特性
Vue3 学习笔记 —— scoped、tailwind、unocss 原子化、Vue3 样式新特性原创 2022-12-07 23:44:00 · 4715 阅读 · 1 评论 -
Vue3 学习笔记 —— Hooks、全局函数和变量、Vue3 插件
Vue3 学习笔记 —— Hooks、全局函数和变量、Vue3 插件原创 2022-12-04 21:46:51 · 5151 阅读 · 0 评论 -
Vue3 学习笔记 —— 破坏式更新、自定义指令 directive
Vue3 学习笔记 —— 破坏式更新、自定义指令 directive原创 2022-12-04 16:41:35 · 1572 阅读 · 0 评论 -
Vue3 学习笔记 —— 自动导入 Vue3 APIs、v-model
Vue3 学习笔记 —— 自动导入 Vue3 APIs、v-model原创 2022-12-04 15:28:24 · 1481 阅读 · 0 评论 -
使用 Vue3 实现锚点组件
使用 Vue3 实现锚点组件原创 2022-11-16 20:40:33 · 5326 阅读 · 0 评论 -
Vue3 学习笔记 —— transition、transition-group
Vue3 学习笔记 —— transition、transition-group原创 2022-10-24 11:33:23 · 4025 阅读 · 0 评论 -
Vue3 学习笔记 —— Teleport、keep-alive
Vue3 学习笔记 —— Teleport、keep-alive原创 2022-10-22 15:01:28 · 1385 阅读 · 0 评论 -
Vue3 学习笔记 —— 局部/全局组件、递归组件、动态组件、异步组件
Vue3 学习笔记 —— 局部/全局组件、递归组件、动态组件、异步组件原创 2022-09-17 15:30:18 · 1773 阅读 · 0 评论 -
Vue3 学习笔记 —— 父子组件传值、插槽、提供/注入、兄弟组件传值、mitt
Vue3 学习笔记 —— 父子组件传值、插槽、提供/注入、兄弟组件传值、mitt原创 2022-10-24 18:14:59 · 5712 阅读 · 0 评论 -
Vue3 学习笔记 —— 生命周期
Vue3 学习笔记 —— 生命周期原创 2022-09-17 09:38:13 · 2266 阅读 · 0 评论 -
watch VS watchEffect
watch VS watchEffect原创 2022-07-23 09:41:34 · 647 阅读 · 0 评论 -
Vue3 学习笔记 —— 重新了解 Vue3 新特性
Vue3 学习笔记 —— 重新了解 Vue3 新特性原创 2022-05-21 08:54:27 · 1554 阅读 · 0 评论 -
Vue3 组件示例工程(五) —— 饼图组件
1.饼图组件 chart-pie-doughnut 编写效果展示: 定义所需数据类型: 最基本的兼容数据类型:字符串和数字都可以接受 饼图接受的数据类型:包含 名称/值 外阴影样式 及 每个扇形之间的分隔样式 数据列表(图例)的样式数据 内置颜色(用于图例) 内置主题颜色(用于外阴影及扇形间隔)// 类型定义 兼容类型export type BaseValue = string | number;// 类型定义 兼容类型数组export type BaseValueArray.原创 2021-07-27 11:54:59 · 2528 阅读 · 0 评论 -
Vue3 组件示例工程(四) —— 图片组件
1.图片组件 image-viewer 编写效果展示: 使用该组件时,当前页面会被加上黑色遮罩,屏幕中间会放大图片,屏幕四周会展示一些操作按钮,用于实现轮播、关闭、放大缩小、全屏、旋转等功能 组件名称:TImageViewer 定义关键字段及图标名(全屏 / 恢复原状): constMode={ CONTAIN:{ name:'contain', icon:'el-icon-full-screen', }, ORIGINAL:{...原创 2021-07-23 15:18:33 · 2595 阅读 · 0 评论 -
Vue3 组件示例工程(三) —— 视频组件
目录1.视频组件 video-base 编写2.视频组件 video-base 使用1.视频组件 video-base 编写效果展示【缩略图】: 效果展示【点击后的全屏效果】: 组件名称:TVideoBase 为了播放各种格式的视频(.m3u8、.mp4...),此组件调用了 video.js 库 安装 video.js:npm install --save video.js 在组件中,应该导入这个库:import videojs from 'video.js'.原创 2021-07-08 18:49:51 · 3385 阅读 · 1 评论 -
Vue3 组件示例工程(二) —— AQI组件
1.AQI组件 aqi-base 编写效果展示: 组件名称: 需要使用的 API: 主题风格: 指定接受的参数: 接受的参数如果是对象类型,默认值最好设置为回调函数 () => ( { } )的形式组件内容: 默认样式设置:2.AQI组件 aqi-base 使用导入组件及样式: 使用AQI组件: 可以看出:用户需要自定义数据卡片外框的大小 用户可以选择性的传入各个部位的样式 如果不传入,组件也会提供默认的数据卡片样式3.面包屑组件 breadcr...原创 2021-07-08 15:11:03 · 280 阅读 · 0 评论 -
Vue3 组件示例工程(一) —— 标题组件
目录1.标题组件 title-base 编写2.标题组件 title-base 使用3.关于 color: car(--font-color1),这是通过 变量 设置颜色,变量存储于 variable.scss 文件中4.字体颜色渐变原理5.实现需求:在 ios 上使用苹方字体,在 windows 上使用微软雅黑,同时无论哪种设备,所有引号都要使用宋体6.修改 input type=number 的样式【指上下按钮+-】7.Google 记住密码之后,账号密码框自动填充,输入框.原创 2021-02-23 11:59:26 · 1643 阅读 · 0 评论 -
Vue3 仿知乎项目实战(三) —— SPA、Vue Router、Vuex
目录Vue Router 添加路由Vue Router 获取参数、跳转路由Vue Router 路由守卫、路由元信息Vuex 状态管理工具Vuex 整合当前应用CreatePost.vue 创建新文章逻辑ColumnDetail.vue 专栏详情逻辑Single Page Application 单页面应用 HTML5 History API:在不刷新页面的前提下,动态改变URL地址,修改页面内容 history.pushState(state, title, ur...原创 2021-02-18 14:33:15 · 1354 阅读 · 2 评论 -
Vue3 仿知乎项目实战(二) —— 抽象验证规则、vue2/3 自定义组件的 v-model 对比、使用 $attrs 支持默认属性、表单插槽、自定义组件父子传值 mitt
表单分析ValidateInput - 抽象验证规则RuleProp:单条验证规则,包含了:类型(比如 空值检测、邮箱检测、密码检测等验证规则类型) 类型对应的错误时的提示信息RulesProp:验证规则组,一个输入框可能不止一个验证规则,而输入框就应该接受 验证规则组类型的参数rules: Array as PropType<RulesProp> 比如:判断是否为空并且符合邮箱格式,这就是两个验证规则inputRef:输入框的绑定信息,包含了: 输入框值 ...原创 2021-02-18 10:22:59 · 804 阅读 · 0 评论 -
Vue3 仿知乎项目实战(一) —— 项目初始化、封装专栏列表 / 头部 / 下拉菜单组件、初次使用自定义函数
文件结构和代码规范vue create zhihu原创 2021-02-17 20:08:09 · 1992 阅读 · 1 评论 -
Vue3 学习笔记 —— Vue3 新特性
一.配置环境、项目结构如果电脑之前安装过 低版本的 vue cli,需要卸载,才能安装新的脚手架(我试了下直接更新【npm install -g @vue/cli】不太行) 安装要注意的问题(指我自己的电脑):使用 vue3 时,需要保证 vue cli 版本在 4.5.0 以上 使用 yarn 安装,会安装的很快,但实际根本没安装成功,建议别用 使用 npm 安装,切换成淘宝镜像,不然会卡住,必须指定版本安装,不然会失败 (正确命令:npm install -g @vue/cli@4.0.5.原创 2021-02-03 16:32:58 · 1376 阅读 · 0 评论