截图 部分vue3 vue
vue 文件拖拽上传功能
现在，很多web端操作都喜欢使用拖拽上传功能。此方法使用起来也很简单，主要是使用 ondrop 和 ondragover 两个事件。 在vue中是这样的 <div class="upload-file-box" v-loading="loading" @drop="dropFile($event)" ......
1.Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时通知变化。每个组件实例都有相应的watcher程序实例，它会在组件渲染的过程中把属性记录为 ......
Vue3快速上手
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/re ......
C++第二章部分例题（2）
例2-4 输入一个0~6的整数，转换成星期输出。 分析：选择结构 代码部分： #include<iostream> using namespace std; int main() { int day; cin >> day; switch (day) { case 0: cout << "Sunda ......
1.Vue的基本原理
当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy）将它们转为 getter/setter，并且在内部追踪相关依赖，在属性被访问和修改时 通知变化。每个组件实例都有相应的watcher程序实例，它会在组 件渲染的过程中把属 ......
3. Vue系列学习笔记 - Vue组件
定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一； 组件化： 是 ......
6. Vue系列学习笔记 - 配置.vue组件
注意： 有时候使用npm i node-sass -D装不上，这时候，就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖； 运行cnpm i vue-load ......
4. Vue系列学习笔记 - 路由
父组件向子组件传值 组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, componen ......
5. Vue系列学习笔记 - Webpack
在网页中会引用哪些常见的静态资源？ JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件（Fonts） .svg .ttf .eot .w ......
7. Vue系列学习笔记 - 使用mui的tab-top-webview-main完成分类滑动栏
使用mui的tab-top-webview-main完成分类滑动栏 兼容问题 和 App.vue 中的 router-link 身上的类名 mui-tab-item 存在兼容性问题，导致tab栏失效，可以把mui-tab-item改名为mui-tab-item1，并复制相关的类样式，来解决这个问题； ......
（一）初始vue
data属性 data属性是传入一个函数，并且该函数需要返回一个对象： 在Vue2的时候，也可以传入一个对象 在Vue3的时候，必须传入一个函数，否则报错 data中返回的对象会被vue的响应式系统劫持，之后对该对象的修改或者访问都会在劫持中被处理： 所有我们在template或者app通过{{co ......
Vue动态创建组件实例并挂载到body
方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V ......
一个 OpenTiny，Vue2 Vue3 都支持！
大家好，我是 Kagol，OpenTiny 开源社区运营，TinyVue 跨端、跨框架组件库核心贡献者，专注于前端组件库建设和开源社区运营。 今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 ......
vue3使用elmentui-plus中的图标
按照官网这样直接引入使用,不知道为啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' 使用时,需要 <script> import { UserFilled } ......
RocketMQ的消息顺序的面试部分回答
顺序消费保证三点：消息顺序发送；消息顺序存储；消息顺序消费 第一点，消息顺序发送，多线程发送的消息无法保证有序性，因此，需要业务方在发送时，针对同一个业务编号(如同一笔订单)的消息需要保证在一个线程内顺序发送，在上一个消息发送成功后，在进行下一个消息的发送。对应到mq中，消息发送方法就得使用同步发送 ......
vue3引用draggable实现拖拽组件形成form表单
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 ......
前端Vue项目修改
【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客 用HBuilder X打开项目，修改 vue.config.js 文件 修改端口号、关闭语法检查、注释 mock ......
angular/react/vue/un-app
web前端三大主流框架分别是什么？-群英 (qycn.com) web前端三大主流框架：1、Angular，是一种用于创建单一应用程序界面的前端框架，具有模块功能强大，拥有自定义命令等优点；2、react，是一个用来构建用户界面的JavaScript开发框架，主要用于构建UI；3、vue，是一套用于 ......
vue表格实现拖拽排序
这老哥的，不用插件，原生js实现 借鉴：https://blog.csdn.net/chengqige/article/details/124871341 。 ......
Nginx 部署vue项目时 nginx配置问题
最近在部署vue项目时遇到问题简单记录下： 本地测试时连接的服务器后台地址 一切ok （有水印是因为我遇到问题了 去问了下大佬 然而大佬都很忙的样子 没空理我 ！！） 然而当我吧前端部署到nginx上时 问题出现了 刚才明明测试的没有问题啊！！奇了怪了 其实解决方法很简单：nginx配置问题 看图 ......
vue项目中webpack编译glsl文件的配置
1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置，添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
vue3使用体验--用了之后再也不想用vue2
0.个人推荐使用 setup 语法糖，看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四')； // 定义普通数据类型的响应式，获取/修改数据需要 .value，在模板中不需 ......
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS？ JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现 ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......