别名vue3 vite vue
第七篇 vue - 基础 - 类与样式绑定
Class 与 Style 绑定 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式。因为 class 和 style 都是 attribute，我们可以和其他 attribute 一样使用 v-bind 将它们和动态的字符串绑定 在处理比较复杂的绑定时，通过拼接生成字符串是 ......
vue3 快速上手
Date: 2023-03-28 21:43:46 Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） Vue3带来了什么 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% ...... 2.源码的升级 使用 ......
vue2 学习笔记
Date: 2023-03-12 17:28:46 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 记录遵循费曼学习法，让外行也能看懂。 Vue 总体大纲 MarkDown 引用快速查找 模板语法 内置指令 computed 和 watch P1 Vue介绍 P2 Vue简介 P3 ......
Vue2入门之超详细教程五-el和data的两种写法
1、简介 Data与el的2中写法： el有两种写法 (1) new Vue时配置el属性 (2) 先创建Vue实例，随后在通过vm.$mount(‘#root’)指定el的值 Data也有两种写法 (1) 对象式 (2) 函数式，搭配组件时，data必须使用函数式 一个重要的原则 由Vue管理的函 ......
vue+django图片上传七牛云
使用七牛云服务 用户在前端传入的图片，直接存入到七牛云中，并把图片链接保存到后端 逻辑 前端获取到图片 发送给后端 后端调用七牛云服务 生成图片名称 上传到七牛云 然后拿到图片外链 存入对应数据中 前端代码 前端使用了vue 加 vant2组件 <van-uploader v-model="file ......
Vue——initProvide【十一】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们详细的了解下具体的内容; 内容 这一块主要围绕init.ts中的initProvide进行剖析，初始化生命周期之后紧接着。 initProvide export function initProvide(vm: Component ......
vue 软键盘组件封装
场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 ......
记录--vue刷新当前页面
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面. 思路 (1)如果页面简单,调用接口刷新数据即可. (2)如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式 下面整理了 ......
vue-cookies用法
import Cookies from 'vue-cookies'; const cookies = {}; cookies.set = function (name = 'default', value = '', cookieSetting = 60 * 60 * 24 * 365) { Coo ......
vue2中使用TinyMCE
背景 整理使用到的tinymce的富文本，http://tinymce.ax-z.cn/，这个是大佬写的中文文档，如果自己有兴趣的话，可以去看看英文文档。 Tinymce 由于项目原因，使用的是vue2.x版本，所以我选择使用的是"@tinymce/tinymce-vue": "^3.0.1"和"t ......
vue和微信小程序生成条形码和二维码
二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一种编码方式。它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。 条形码(barcode)是将宽度不等的多个黑条和空白，按照一定的编码规则排列，用以表达一组信息的图形标识符。常见的条形码是 ......
vue全家桶进阶之路23：Element UI
Element UI 是一套基于 Vue.js 的组件库，它提供了一系列常用的 UI 组件，包括表单、弹窗、布局、导航等等。Element UI 的设计风格简洁、易用、美观，且易于定制。 Element UI 的主要特点包括： 基于 Vue.js 开发，组件易于使用和定制。 提供了丰富的 UI 组件 ......
Spring boot 、Vue学习体会
近期集中学习了Spring boot 、Vue等技术，学习过程也是不断碰壁，总的来说自认为有些涨进，抓住核心、深入关键、逐步剖析。 两个技术分别负责后台和前端，学习后一个感受，两个技术内部深层次逻辑有相似性，均是做到了框架管理对象、管理生命周期，简化操作。 1、管理对象 spring boot 通过 ......
vue图片上传前压缩图片
前言需求：项目当中上传图片的需求点肯定有很多，再上传之后，如果图片很大的话，在加载的时候就会很慢。最近发现系统首次加载越来越慢，就开始思考怎么能降低这个加载时间，由于首页图片很多，所以图片的大小就需要进行处理，本文记录了上传图片之前压缩图片的各种方法。 一、插件image-conversion 1. ......
基于 vue3 + vite + typeScript + Element-Plus + pinia + mock ... 从 0 到 1 搭建后台管理系统完整教程
项目说明 代码仓库地址 https://github.com/caix-1987/vue3-vite-typescript-elementplus-pinia 项目预览地址 https://caix-1987.github.io/vue3-vite-typescript-elementplus-pi ......
Vue子组件向父组件传值（this.$emit()方法）
子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件，然后实现传值 第一步在父组件中引入子组件 import UnitByPurchaseAddOrUpdate from '@views/modules/matter/UnitByPurchaseAddOrUpdate' 声明 ......
cdn引入vue 在html页面中,用axios请求接口
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue axios 渲染数据</title> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></scr ......
第二篇 TypeScript 【 typeScript 断言 + typeScript 类型守卫 + typeScript 联合类型、可辨识联合和类型别名 + typeScript 交叉类型】
typeScript 断言 1、有时候你会遇到这样的情况，你会比 TypeScript 更了解某个值的详细信息，通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型 2、通过 类型断言 这种方式可以告诉编译器，“相信我，我知道自己在干什么” 3、类型断言 好比其他语言里的类型转换，但是不进 ......
Vue学习总结笔记（十四）【转载】
Vue3 学习总结笔记 (十四) IT_Holmes 于 2022-08-20 12:32:41 发布 1017 收藏 7 分类专栏： Vue 全家桶 文章标签： 学习 javascript vue.js vue 前端 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附 ......
第八章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 二
基础 Monorepo 环境建设 包名选择与注册 1、给 组件库 命名 => 最终会发布到 npm.js 仓库 2、查看 组件库 的命名是否可注册方法 npm view package-name version 如： npm view caix version => 返回 code E404 【 未 ......
第七章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 一
基于 vue 框架 开发一个完整的组件库来体验前端工程化的魅力 对一个组件库的开发来全面认识熟悉 前端工程化 的配置，系统的理解工程化中各个工具所起到的作用，并且将其最终可以应用到你的团队当中去，真正的实现工程化的价值，帮助你的团队提效，实现作为前端工程师的价值 基于 vue 框架 开发一个完整的组 ......
Vue学习总结笔记（十）【转载】
Vue 学习总结笔记 (十) IT_Holmes 已于 2022-03-13 14:00:20 修改 2674 收藏 16 分类专栏： Vue 全家桶 文章标签： vue.js 学习 javascript 于 2022-03-13 14:00:09 首次发布 版权声明：本文为博主原创文章，遵循 CC ......
Vue学习总计笔记（十一）【转载】
Vue 学习总结笔记 (十一) IT_Holmes 于 2022-03-15 18:59:04 发布 4972 收藏 64 分类专栏： Vue 全家桶 文章标签： vue.js 学习 前端 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 本文 ......
Vue学习总结笔记（十二）【转载】
Vue 学习总结笔记 (十二) IT_Holmes 于 2022-03-16 16:11:50 发布 1106 收藏 2 分类专栏： Vue 全家桶 文章标签： vue.js javascript 学习 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和 ......
Vue学习总结笔记（十三）【转载】
Vue3 学习总结笔记 (十三) IT_Holmes 于 2022-08-18 13:35:37 发布 1100 收藏 14 分类专栏： Vue 全家桶 文章标签： vue.js javascript vue 前端 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原 ......
Vue学习总结笔记（九）【转载】
Vue 学习总结笔记 (九) IT_Holmes 已于 2022-05-25 19:39:39 修改 4612 收藏 8 分类专栏： Vue 全家桶 文章标签： vue.js 学习 javascript axios 于 2022-03-11 19:40:15 首次发布 版权声明：本文为博主原创文章， ......
第四篇 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程三
devServer 【 webpack-dev-server 】 概述 1、什么是 devServer 【 webpack-dev-server 】 1、在开发过程中，想实时看到代码变更后我们的项目效果时，我们就会启动一个服务来监听代码文件变化，并将新的变更及时的展现在我们的浏览器上，极大的提高了我 ......
Vue学习总结笔记（七）【转载】
Vue 学习总结笔记 (七) IT_Holmes 于 2022-03-09 17:42:35 发布 1032 收藏 14 分类专栏： Vue 全家桶 文章标签： vue.js 前端 vue javascript 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出 ......
Vue学习总计笔记（八）【转载】
Vue 学习总结笔记 (八) IT_Holmes 于 2022-03-10 15:31:45 发布 2448 收藏 25 分类专栏： Vue 全家桶 文章标签： vue.js javascript js 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和 ......
TS+Vue3+Echarts的封装与使用
TS+Vue3+Echarts的组件封装步骤如下 统计分析页面使用栅格布局进行规划 抽离组件 分别包括数字面板组件count-card，统计面板组件chart-card及特定图表组件(如：pie-echart, map-echart等) 在统计分析页面通过store获取数据 strore通过acti ......