Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
React、Vue2.x、Vue3.0的diff算法
前言 本文章不讲解 vDom 实现 mount 挂载 以及 render 函数 只讨论三种 diff 算法 VNode 类型不考虑 component functional component Fragment Teleport 只考虑 E
前端
diff 算法
React
vue2x
vue30
vue3.0项目报错:删除node包重新装报错
前言 vue3 0的项目删除node包以后重新装项目 会报错 vue loader v16 找不到 安装以后下次再删包 再装会报错webpack的问题 解决办法 在新建项目后 打开pack json文件 找到 devDependencies
vue30
vue3中实现音频播放器APlayer
前言 vue2的时候 分享了一个很好用的插件是vue aplayer 但是他是不支持vue3的 这里分享vue3使用APlayer来实现一个播放器的方法 实现效果 官方 git地址 点我 api地址 点我 实现步骤 1 安装 npm npm
vue30
音视频
vuejs
vue3
Vue3快速上手
Vue3快速上手 1 Vue3简介 2020年9月18日 Vue js发布3 0版本 代号 One Piece 海贼王 耗时2年多 2600 次提交 30 个RFC 600 次PR 99位贡献者 github上的tags地址 https g
前端
vue30新特性
vue30
vue30性能提升
vue30 proxy
Vue3.0开发之整合vue-admin-template模板
起源 vue admin template模板算是一个比较好的前端开发模板 不过作者好像没有出vue3 0版本的 所以刚好自己在学习vue3 0 就想到开发一个vue3 0的模板 当然大部分代码都是参照vue admin template模
vue
vue30
Element Plus
Vue3内置组件teleport详解
teleport的作用 该组件可以将指定内容渲染到特定容器中 而不受 DOM 层级的限制应用场景 当蒙层内容在一个组件中时 蒙层内容是无法遮挡住全部内容的 因此 需要使用teleport将蒙层内容渲染到更全局的组件中 如果不使用telepo
vue30
前端
javascript
vue3.0 toRef与toRefs
toRef与toRefs toRef 代码示例 toRef toRefs toRef 作用 创建一个ref对象 其value值指向另一个对象中的某个属性 语法 const name toRef person name 应用 要将响应式中的某
vue30
关于vue-cli 3版本做的改动,没有static文件夹,本地文件应放在哪儿,如何引用
2 x版本 3 0版本 原来放在static下的文件 现在应该放在public文件夹下 原来的请求数据的写法 现在的写法 总结 vue3 0 对脚手架的结构和静态文件的引用方式都进行了简化
前端
vue30
static
public
vue-cli3.0安装element-ui组件及按需引入element-ui组件
在VUE CLI 3下的第一个Element ui项目 菜鸟专用 上面这个链接是vue cli3 0安装element ui的详细过程 如果想要按需引用看下面的 1 引入vue add element How do you want to
vue
element
vue30
vue3+vite 全局组件注册与使用
前言 vite和我们的webpack是不同的 这里没办法用require 但是他也有自己的引入文件的方法 是 import meta glob 实现效果 vite方法官方入口 功能 Vite 官方中文文档下一代前端工具链https cn v
vue30
vuejs
vue3
vue3+pinia的使用,刷新后不丢数据
前言 好用的状态管理器 vue3中出来的pinia 相比较vuex来说 更加轻便 使用也更方便 官方文档 点我 github地址 点我 pinia与vuex相比较优点 pinia 是轻量级状态管理工具 大小只有1KB pinia 模块化设计
vue30
javascript
开发语言
ECMAScript
vue3实现鼠标左键拖拽画矩形框框选功能
vue3 elementuiPlus 实现鼠标左键拖拽画矩形框 框选列表功能 仿照桌面框选功能 效果如图 vue3鼠标框选 代码
vue30
vuejs
wangEditor4 + vue3.0 创建一个基础的 富文本编辑器
文章时间 2021 8 13 如果超过太久了 可能文章就会失效了 所以请注意 项目场景 使用 wangEditor 来弄一个 富文本编辑器 实现文章的 添加 和 编辑 问题描述 在网上搜了 使用那个富文本编辑器好 于是就找到了这个 wang
vue
wangEditor
vue30
富文本编辑器
Vue3.0+ts—watch使用
引入Vue的对象 ref reactive watch ref 用来声明响应式的基础类型的变量 reactive用来声明响应式的对象类型的变量 watch 引入watch对象 以便调用 import ref reactive watch f
vue30
typescript
vuejs
vue3.0基础知识浅谈
vue3 0 首先创建vue3 0 项目 相比于vue2的变化 1 模板中可以没有根标签 2 main js中变化 组合API 一 setup 1 作用 2 返回值 3 注意点 4 参数 二 Ref函数 三 reactive函数 四 Ref
vue30
vue3
vue3响应式
vue3生命周期
vue3+vite中使用path-to-regexp以及相关的报错问题
前言 path to regexp 该方法的作用是把字符串转为正则表达式 一般我们使用动态匹配路由的时候会用到这个 1 介绍path to regexp 更多点我查看 pathToRegexp pathToRegexp foo bar 打印
vue30
vue3
vuejs
vue3+vite的项目中实现右键事件的神器
前言 vue3 vite的项目中实现右键事件的神器 imengyu vue3 context menu 实现效果 使用步骤 1 安装 npm cnpm pnpm yarn 都可以 装上下面插件 imengyu vue3 context me
vue30
vue3
TS
vue3vite
fullCalendar日程表在Vue项目中的应用
fullCalendar日程表在Vue项目中的应用 fullCalendar相关API 使用fullCalendar插件在项目中实现日程排版 支持天 月日程转换 自定义事件 页面布局 通过按钮切换天与月视图的转换 天视图回显具体的时分排版项
vue30
vue
javascript
vuejs
前端
vue3.0+echarts立体柱图
前言 vue3 0实现echarts立体柱图 实现效果 实现步骤 1 安装echarts cnpm i save echarts 2 页面定义容器
vue30
echarts
vue3.0全局和按需引入element-plus
1 先来看一下未添加element plus的干净项目打包后文件大小 2 全局安装element plus npm install element plus save 在main js里写 import createApp from vue
vue30
1
2
3
»