vue
文章平均质量分 65
vue相关文章
xiaofei0627
前端开发者 + linux 爱好者。热衷于前端开发技术, 熟悉 Vue,React,微信小程序,webpack,vite,babel,node,linux,nginx 等。
展开
-
vue3 报错Cannot read property ‘deep‘ of undefined at withDirectives
报错信息runtime-core.esm-bundler.js:3320 Uncaught (in promise) TypeError: Cannot read property 'deep' of undefined at withDirectives (runtime-core.esm-bundler.js:3320) at Proxy.<anonymous> (index.vue:55) at renderComponentRoot (runtime-core.原创 2021-08-26 15:47:41 · 18214 阅读 · 11 评论 -
vue 3 CDN 模版代码
【代码】vue 3 CDN 模版代码。原创 2024-03-13 13:43:59 · 485 阅读 · 0 评论 -
openlayers绘制图标并定位到图标
#openlayers绘制图标并定位到图标 文档http://openlayers.vip/原创 2023-03-20 17:46:49 · 740 阅读 · 1 评论 -
Web前端代码规范
Web前端代码规范原创 2023-02-03 09:37:53 · 115 阅读 · 0 评论 -
使用 auto-drawing 绘制商城分销海报
auto-drawing 官方文档新年新气象,使用 绘制一份绘制商城分销海报。原创 2023-01-28 10:41:46 · 541 阅读 · 0 评论 -
使用 auto-drawing 画一个户型图
使用 auto-drawing 画一个户型图原创 2022-12-27 15:03:07 · 1044 阅读 · 0 评论 -
使用 auto-drawing 画一个鱼骨图
使用 auto-drawing 画一个鱼骨图原创 2022-07-26 10:41:51 · 5677 阅读 · 0 评论 -
auto-drawing
auto-drawing基于 zrender 的自动画图工具,简单的 json 配置就可画出复杂的图形原创 2022-07-12 15:29:45 · 4969 阅读 · 8 评论 -
uni-app 下拉背景缩放组件
uni-app 下拉背景缩放组件原创 2022-06-06 13:31:03 · 5696 阅读 · 0 评论 -
vite 开发库配置
vite 开发库配置原创 2021-11-19 15:41:28 · 5612 阅读 · 0 评论 -
一个为 vue3 准备的和 vuex-persistedstate 类似的 pinia 插件
一个为 vue3 准备的和 vuex-persistedstate 类似的 pinia 插件原创 2021-11-17 15:06:40 · 7495 阅读 · 0 评论 -
vite vue3 TypeScript 项目工程化配置
vite vue3 TypeScript 项目工程化配置1.ESLint安装 ESLintESLint 文档yarn add eslint -D初始化 ESLintnpx eslint --init以下选择仅供参考√ How would you like to use ESLint? · style√ What type of modules does your project use? · none√ Which framework does your project use?原创 2021-09-24 11:37:43 · 5684 阅读 · 0 评论 -
vite2 实战配置
vite2 实战配置简介:新项目,新气象,选择了激进的技术栈,vite2 常用配置。项目目录.├── README.md├── build.sh #打包脚本├── commitlint.config.js├── index.html├── mock #mock│ ├── index.ts│ └── list.ts├── package.json├── postcss.config.js├── public #静态文件│ ├── data.json│ ├── fa原创 2021-05-27 15:18:02 · 8643 阅读 · 0 评论 -
vuex4 结合 vue3 实现一个状态持久化 vuex 插件
vuex4 结合 vue3 实现一个状态持久化 vuex 插件简介:公司项目使用 vue3 已经大半年了,在没有 vue3 生态支持的情况下,把公司项目顺利完成了。期间很多 vue2 时的解决方案没法用呀,没办法只能自己写,期间自己相继写了vue-meta 的简易实现,vue-pdf 的简易实现,vuex-persistedstate 的简易实现,现把vuex-persistedstate的实现记录如下。(vuex-persistedstate 已经出了支持 vue3 的 beta 版本)本文 gith原创 2021-03-23 13:08:54 · 5641 阅读 · 0 评论 -
vue3 中如何像 vue2 的 extend 一样挂载未挂载的组件,拿到标签本身($el)
vue3 中如何像 vue2 的 extend 一样挂载未挂载的组件,拿到标签本身($el)简介:最近在用 vue3 写个新项目,需要挂载自定义的组件,但是发现 vue3 中不再支持 extend 方法了,于是查看了 vant 最新的源码,发现里面类似实现,特此提炼总结出来。1.vue2 写法<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <met原创 2020-12-01 16:05:50 · 23673 阅读 · 30 评论 -
nuxt 自定义 auth 中间件实现令牌的持久化
nuxt 自定义 auth 中间件实现令牌的持久化核心点就是在process.server下,把之前存在 cookie 中的数据再用store.commit一下auth.js/* eslint-disable no-unused-vars *//* eslint-disable no-useless-return */export const TokenKey = 'Admin-token'/** * 解析服务端拿到的cookie * @param {*} cookie * @para原创 2020-10-24 12:15:14 · 5641 阅读 · 1 评论 -
vue,react 项目.env 环境变量原理解析
vue,react 项目.env 环境变量原理解析简介:.env 文件扩展了 vue,react 项目的环境变量,相信大家用的比较多了,vue 和 react 的 cli 里把这些配置好了,所有大家可以直接用,但是换个框架或者换个项目,这个问题就比较麻烦了。比如说现在写 Ant Design Pro 的项目,它内部用的是 umi 来做这些配置,默认只支持.env 文件,那我想支持.env.development 和.env.production或者其他模式的环境变量怎么办?当然 umi@3 可以用co原创 2020-10-24 11:37:49 · 6321 阅读 · 2 评论 -
Vue 搭建移动端 h5 项目步骤
Vue 搭建移动端 h5 项目步骤简介最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目,没有整体的思路,于是我就写了这个步骤。准备阶段确定项目 ui 框架现阶段比较好的 Vue 移动端 ui 框架:vant , vux, cube-ui,Mint-UI,Muse UI,NutUI 等。选择css预处理样式语言,(vue-cli 里选择)less,sass,stylus都可以,vue-cli 3 后的版本对应的webpack 的loader都是配置好的,只需下载对应的包就好了。使原创 2020-08-04 14:38:01 · 30419 阅读 · 4 评论 -
uni-app 实现 fullpage 组件(适用于微信小程序,h5等)
uni-app 实现 fullpage 组件(适用于微信小程序,h5等)业务需求。本文github 源码地址1.组件 src/components/FullPage/index.vue<template> <view class="full-page-container"> <view class="full-page-main" @touchstart="handleTouchStart" @touchmove="han原创 2020-06-19 12:11:11 · 5739 阅读 · 2 评论 -
vue3 常见问题汇总
vue3 常见问题汇总简介:vue3 beta 已经出来一段时间了,最近刚好有时间,就练了练手,练手过程中遇到的问题,总结如下本文 github 源码地址下面是问题vue3 如何注册全局组件import { createApp } from 'vue'import App from './App.vue'const app = createApp(App)// 注册全局组件im...原创 2020-04-25 18:56:58 · 10067 阅读 · 7 评论 -
手写一个简易版的 vuex(支持 state,getters,mutations,actions)
手写一个简易版的 vuex(支持 state,getters,mutations,actions)简介:vuex 相信大家都用过,内部到底是如何实现的呢,我根据源码以及一些参考资料,手写了一个简易版的 vuex,供大家参考。本文github 源码地址下面是实现步骤1.项目依赖:(先安装,步骤略)package.json{ "name": "vue-my-vuex", "vers...原创 2020-04-23 11:56:47 · 5005 阅读 · 0 评论 -
手写一个简易版的 vue-router(支持 history 和 hash)
手写一个简易版的 vue-router(支持 history 和 hash)简介:vue-router 相信大家都用过,内部到底是如何实现的呢,我根据源码以及一些参考资料,手写了一个简易版的 vue-router,供大家参考。本文github 源码地址下面是实现步骤1.项目依赖:(先安装,步骤略)package.json{ "name": "vue-my-router", "v...原创 2020-04-17 15:58:53 · 4568 阅读 · 0 评论 -
前端调用 mqtt,适用于 vue,react 等 webpack 项目
前端调用 mqtt,适用于 vue,react 等 webpack 项目简介:MQTT (Message Queue Telemetry Transport):遥测传输协议,其主要提供了订阅/发布两种消息模式,更为简约、轻量,易于使用,特别适合于受限环境(带宽低、网络延迟高、网络通信不稳定)的消息分发,属于物联网(Internet of Thing)的一个标准传输协议。因公司开发智能人脸识别项目...原创 2020-04-02 12:37:31 · 6063 阅读 · 2 评论 -
vue 组件分类
vue 组件分类一. 简介之所以写这篇文章,是因为前段时间作为面试官,陆陆续续面试了几十个人,其中一个问题就是 "vue 的组件分类都有哪些?" ,令人惊讶的是大多数人都只回答了全局组件和局部组件,难道vue的组件就只是这两种吗?其实谈分类,是一定要谈分类标准的,没有分类标准的分类都是耍流氓。以下是个人总结,不喜勿喷。本文 github 源码地址二.分类1.按组件注册方式分类:可以分为全...原创 2020-01-20 12:22:02 · 7247 阅读 · 0 评论 -
vue 后台管理系统富文本组件(四)UEditor(集成 135 编辑器插件)
vue 后台管理系统富文本组件(四)UEditor(集成 135 编辑器插件)简介135 编辑器应用于微信文章、企业网站、以及论坛等多种平台,支持秒刷、一键排版、全文配色、公众号管理、微信变量回复、48 小时群发、定时群发、云端草稿、文本校对等 40 多项功能与服务, 像拼积木一样组合排版的文章。 135 编辑器应其简单的操作,强大的功能和美观的排版深受广大用户喜爱。135 编辑器插本质是基于...原创 2020-01-08 16:08:34 · 11247 阅读 · 2 评论 -
vue cli 3 升级到 vue cli 4 方法步骤及升级点总结
vue cli 3 升级到 vue cli 4 指南vue cli 3 升级到 vue cli 4 方法步骤及升级点总结vue-cli 3升级vue-cli 4官方英文升级文档,中文滞后一.首先,在全局安装最新的 Vue CLI:npm install -g @vue/cli# ORyarn global add @vue/cli检查安装的版本vue -V # 输出:@vue/cli 4.x.x 说明@vue/cli 4安装成功( vue cli 3的版本会输出 3.x.x )原创 2019-10-26 18:45:59 · 88623 阅读 · 23 评论 -
vue后台管理系统富文本组件(一)tinymce
vue后台管理系统富文本组件tinymce简介富文本组件作为后台管理系统的最重要的基础组件之一,一定要选择坑比较少的富文本厂家。这里使用的是好看又坑少的tinymce。主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }tinymc...原创 2019-08-23 16:31:47 · 22780 阅读 · 2 评论 -
vuepress 结合 GitHub pages 打造自己的博客网站
vuepress 结合 GitHub pages 打造自己的博客网站VuePress + GitHub Pages 搭建个人博客最快用vuepress+github搭建一个博客VuePress + GitHub Pages 生成静态网站vuepress的个人博客搭建完全教程原创 2019-08-06 19:32:43 · 6612 阅读 · 0 评论 -
vue 结合element-ui实现pc端高德地图组件
vue 结合 element-ui 实现 pc 端高德地图组件背景:去年由于业务需求写了一个高德地图组件,前段时间重构了下。实现的功能有:自动定位,检索地址提示,点击地图获取地址,添加工具栏,拿到的数据经纬度,地址,名称项目依赖:vue-cli:3.5.3 vue:2.6.10 element-ui: ^2.7.0 等使用步骤1./public/index.html 文件中导入高德地图 ...原创 2019-07-24 10:04:02 · 17408 阅读 · 20 评论 -
vue 项目中添加git hooks以及添加eslint和stylelint
vue 项目中添加git hooks以及添加eslint和stylelintvue 项目中添加 git hooksVue-hooks(钩子) 给vue项目添加ESLint优雅的 git commit 以及 eslint 自动修复代码如何为你的 Vue 项目添加配置 StylelintStylelint自动修复样式css,scss,sass原创 2019-07-16 17:26:11 · 6309 阅读 · 0 评论 -
尝鲜 vue3.0 新特性 Vue Function API 实现 todo list
尝鲜 vue3.0 新特性 Vue Function API 实现 todo listVue Function API 已经公布一段时间了,今天尝鲜了一下,写了个todo list主要依赖: vue: 2.6.10 vue-function-api: 2.0.61.父组件<template> <div> <Children :list="list" ...原创 2019-06-28 11:28:20 · 7087 阅读 · 10 评论 -
vue后台管理系统富文本组件(二)kindeditor
vue后台管理系统富文本组件(二)kindeditor简介富文本组件作为后台管理系统的最重要的基础组件之一,好多公司还是习惯使用kindeditor。虽然他的界面比较老,但是相当稳定bug少。主要依赖说明 (先安装,步骤略) { "axios": "^0.18.0", "element-ui": "2.11.1", "vue": "^2.6.10", ...原创 2019-08-23 17:37:40 · 15720 阅读 · 22 评论 -
vue结合 element-ui实现强大的后台管理系统表格组件
vue结合 element-ui实现强大的后台管理系统表格组件简介表格作为后台管理系统的最重要的基础组件之一,功能越强大,后续所做的开发量就越小,这里把常见的提炼出来,分享给大家。基础功能支持loading,分页,按钮操作,数据格式化,数据选择等。主要依赖说明 { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-ro...原创 2019-08-20 16:43:19 · 6961 阅读 · 0 评论 -
vue上传图片组件
上传图片组件简介上传图片组件也是后台管理系统的最重要的基础组件之一,这里功能支持图片文件类型检验,图片大小检验,图片分辨率校验以及图片比列校验等功能。主要依赖说明 { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }正文1.组件src/components/Upload...原创 2019-08-21 15:03:34 · 8451 阅读 · 2 评论 -
vue图片裁剪组件
vue图片裁剪组件简介图片裁剪组件同上传图片组件一样,用的较多,这里主要用的是vue-cropper这个包,功能支持裁剪图片文件类型检验,图片大小检验,图片分辨率校验以及图片比列校验等功能。主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", ...原创 2019-08-21 15:34:52 · 10318 阅读 · 2 评论 -
vue结合vod-js-sdk-v6上传视频到腾讯云点播组件
vue结合vod-js-sdk-v6上传视频到腾讯云点播组件简介业务需求,vue结合vod-js-sdk-v6上传视频到腾讯云点播组件主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", "vod-js-sdk-v6": "^1.2.3"...原创 2019-08-21 16:08:38 · 10846 阅读 · 21 评论 -
vue结合element实现多图上传组件
vue结合element实现多图上传组件简介多图上传在表单和富文本中营业较多。主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1" }正文1.组件src/components/MultipleUpload.vue<templ...原创 2019-08-23 15:23:52 · 8457 阅读 · 0 评论 -
vue结合videojs实现视频播放组件
vue结合videojs实现视频播放组件简介业务需求,视频播放组件往往结合视频上传组件一块使用。视频上传组件主要依赖说明 (先安装,步骤略) { "element-ui": "2.11.1", "vue": "^2.6.10", "vue-router": "^3.0.1", "vue-video-player": "^5.0.2" }正文1...原创 2019-08-29 12:29:09 · 8972 阅读 · 0 评论 -
vue后台管理系统富文本组件(三)quill
vue后台管理系统富文本组件(三)quill简介quill也是相当不错的富文本。优点:美观,现代,功能强大。缺点:兼容性不好,国际化语言支持缺失。主要依赖说明 (先安装,步骤略) { "axios": "^0.18.0", "element-ui": "2.11.1", "vue": "^2.6.10", "vue-quill-editor": "...原创 2019-09-03 13:03:14 · 5921 阅读 · 0 评论 -
Javascript如何与Sass,Less,Css之间共享变量?
Javascript如何与Sass,Less,Css之间共享变量?Javascript如何获取Sass,Less,Css设置的变量?jst如何获取Sass,Less,Css设置的变量?vue项目中js如何获取Sass,Less,Css设置的变量?vue-cle3.x项目中js如何获取Sass,Less,Css设置的变量?原创 2019-04-04 17:24:56 · 14186 阅读 · 4 评论