vue3 mitt vue
vue实现移动端签名功能之 vue-esign插件篇
1.安装 vue-esignnpm install vue-esign --save 2.全局引用 3.代码 4.将生成的base64转成文件 handleGenerate() { this.$refs.esign .generate() .then(res => { let randnum = M ......
vue03 01.创建项目
01.创建项目 打包工具 vite官网 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式： 开发时，并不对代码打包，而是直接采用ESM的方式来，而是直接采用ESM的方式来运行项目 在项目部署时，在对项目进行打包 除了速度外，vite使用起来也更加方便 基本使 ......
vue2 - mockjs的使用
mockjs官网：http://mockjs.com/ 1.安装mockjs npm install mockjs 2.创建mock文件夹并且创建index.js //引入mockjs import Mock from "mockjs" //引入数据 import BlogMockData from ......
centos7 yum 安装nodejs 16,搭建编译vue项目环境
1、安装nodejs curl -fsSL https://rpm.nodesource.com/setup_16.x | sudo bash - sudo yum install nodejs node -v 2、安装yarn #安装yarn npm install -g yarn #查看版本 y ......
商城网站毕业设计（ Python +Vue）
网站介绍 基于 python 开发的电子商城网站，平台采用 B/S 结构，后端采用主流的 Python 语言进行开发，前端采用主流的 Vue.js 进行开发。这是给师弟开发的毕业设计。 整个平台包括前台和后台两个部分。 前台功能包括：首页、商品详情页、用户中心模块。 后台功能包括：总览、订单管理、商 ......
基于vue框架axios网络请求封装
原因 axios 是网络请求的第三库，为了防止降低对第三库的依赖性，所以将axios请求封装为函数，方便后期代码的维护 安装 npm install axios 封装 在目录结构 src 文件夹下创建 network/request.js // 引入axios库 import axios from ......
vue2中添加全局样式
在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......
初识Vue
vue是动态构建用户界面的渐进式JavaScript框架：作者是尤雨溪 Vue的特点： 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 与其他前端框架的联系： 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化 ......
vue3报错 Vue received a Component which was made a reactive object.
报错信息如下： Vue received a Component which was made a reactive object. This can lead to unnecessary performance overhead, and should be avoided by marking ......
Vue2
一、前端MVVM模式及Axios异步通信 1. 什么是MVVM MVVM（Model-View-ViewModel）是一种软件架构设计模式，由微软 WPF（用于替代WinForm，以前就是用这个技术开发桌面应用程序的）和Silverlight（类似于JavaApplet，简单点说就是在浏览器上运行的 ......
vue/html 日期与时间戳互相转换
1、将日期转换成时间戳 let time = parseInt(new Date().getTime() / 1000); console.log(time) 2、接口传过来的UTC日期和13位时间戳格式化 const formateDate = (time: any, isUtc = false) ......
关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题
先放结论：不要在路由组件的 template 块中使用多个根标签，注释也不行。 今天碰到一个奇葩的问题，后端告诉我说，进入特定页面后，跳转其他页面均会白屏，刷新后就会加载。 一开始我以为是菜单的问题，搞鼓了半天，发现没什么问题。之后我又以为是路由的问题，发现只要移除了 transition 的 mo ......
vue全家桶进阶之路5：DOM文档对象模型
一、DOM对象 DOM，全称“DocumentObjectModel（文档对象模型）”，它是由W3C组织定义的一个标准。 在前端开发时，我们往往需要在页面某个地方添加一个元素或者删除元素，这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了，DOM就是一个接口，我们可以通过DOM来操作页面中 ......
vue全家桶进阶之路4：NPM包
NPM（Node Package Manager）是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具，也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载，每周下载约 30 亿次。NPM让 JavaS ......
vue this.$emit获取父组件返回值
// 父组件 getdata(bounds, callback){ callback(data) } // 子组件 let data = {} this.$emit("getdata", bounds, val => { data = val }) return data ......
[vue] 脚手架笔记
笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
一文详解vue-cli2.0与vue-cli3.0之间的区别
我们之所以介绍vue-cli2和vue-cli3的使用和区别，是因为VUE脚手架工具从vue-cli3版本开始，在项目结构等诸多方面开始与vue-cli2版本相比， 有较大的优化与调整。因此，在学习和工作中，我们需要了解一下版本更替之后，在哪些方面有变动。 1. 项目目录结构 可以明显的看出来，vu ......
Vue 中npm run dev 和 npm run serve 的区别
在项目目录下，找到package.json文件，运行npm run serve命令启动项目的项目中，scripts中有一个serve字段，npm run dev命令中有一个dev字段，如下： "scripts": { "dev": "webpack-dev-server --inline --pro ......
Flask+Vue 使用
Vue 项目经过npm run build 打包后生成文件在dist目录如下： app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹，为Flask ......
Vue3+vite项目中如何动态导入并创建多个全局组件
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
Vue2响应式原理
响应式基本原理就是，在初始化vue实例的时候，对data的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图 ......
vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错（vueSetupExtend不是一个函数）
vite V3.0.0 vite.config.ts 引入插件报错（***** 不是函数） ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......
直播平台源代码，vue自定义单选框radio
直播平台源代码，vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
vue全家桶进阶之路2：JavaScript
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中： HTML 用来定义网页的内容，例如标题、正文、图像等； C ......
vue全家桶进阶之路3：Node.js
Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
dockerfile部署vue+springboot+redis
后端部署： 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件，配置信息如下： bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像，映射宿主机端口并挂载目录 docker run ......
Vue组件以及其事件生命周期
1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段，调用service()3.终止阶段，调用destroy() ......
Vue.js 路由简介
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 ......
vue全家桶进阶之路1：前言
Vue是一款国产前端框架，它的作者尤雨溪（Evan You）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库 Vue.js，2015年发布1.0.0版本，2016年4月发布2.0版本，目前，尤雨溪全职投入 Vue.js 的开发与维护，立志将 Vue.js 打造成与 Angular/Reac ......