Vue3等比例缩放图片组件
有些情况我们需要在各种刁钻的情况下都要保持图片比例不变，比如用户缩放窗口等改变布局的情况。实现原理就是通过容器的宽度和内边距在保持你想要的比例。以下是基础功能的组件示例：<template> <div style="position: relative" :style="ratioStr"> <div style="position: absolute; inset: 0px; user-sele...
深入理解Vue 3：计算属性与侦听器的艺术
title: 深入理解Vue 3：计算属性与侦听器的艺术date: 2024/5/30 下午3:53:47updated: 2024/5/30 下午3:53:47categories: 前端开发 tags: Vue3计算属性侦听器路由模板性能优化实战案例 前言Vue 3的新特性简介Vue.js作为当今流行的前端框架之一，以其响应式数据绑定和组件化架构著称。随着技术的不断演进，Vu...
【手撕面试题】Vue（高频知识点一）
，希望不要直接看答案，先思考一下自己会不会，如果会，自己的答案是什么？想过之后再与答案比对，是不是会更好一点，当然如果你有比我更好的答案，欢迎评论区留言，一起探讨技术 之美。 目录 面试官：请简述一下Vue插件和组件的区别？ 面试官：请简述一下Vue的MVVM模式？ 面试官：请简述一下MVC与MVVM的区别？ 面试官：请简述一下Vue组件通讯有哪些方式？ 面试官：请简述一下Vue的生命周期方法有哪些？ ...
【Vue】Vue2使用ElementUI
目录 Element UI介绍特点Vue2使用Element安装引入ElementUI组件库 使用ElementUI用户注册列表展示其他 mint-ui介绍特点安装组件引入组件Mint-ui相关组件 Element UI 介绍 官网(基于 Vue 2.x ):https://element.eleme.cn/#/zh-CN ElementUI 是一个基于 Vue.js 的桌面端组件库，由饿了么前端团队...
Nodejs基于Vue的前端管理系统的设计与实现
要，在同等的环境政策经济等影响因素中，运用现有的技术快速的吸引客户眼球的作用很大，因此构建一个简约美观但又功能完善的网站，能给企业带来一定的经济利益。 （2）意义 通过构建前端管理系统，培养并实现通过vue框架搭建网站的能力。在实践过程中，强化使用JS语言编写程序的能力，熟悉网站搭建的流程，加强掌握Vue框架的使用。灵活运用相关学科的知识理论，联系实践中搭建管理系统网站的过程，达到实践与理论的统一，强化...
vue 使用 export default
有的实例共享引用同一个数据对象。 data 是函数的话，每次创建一个新实例后，调用 data 函数，用return返回初始数据的一个全新副本数据对象，就避免了所有实例共享引用同一个数据对象。 为什么.vue文件需要使用export default...
Vue.js - 计算属性与侦听器 【0基础向 Vue 基础学习】
.num }}个</td> </tr> </table> <!-- 目标：统计求和，求得礼物总数 --> <p>礼物总数：{{getSum}} 个</p> </div> <script src="./vue.js"></script> <script> const app = new Vue({ el: '#app', data: { // 现有的数据 list: [ { id: 1, name: '篮...
Vue.js条件渲染与列表渲染指南
title: Vue.js条件渲染与列表渲染指南date: 2024/5/26 20:11:49updated: 2024/5/26 20:11:49categories: 前端开发 tags: VueJS前端开发数据绑定列表渲染状态管理路由配置性能优化 第1章：Vue.js基础与环境设置1.1 Vue.js简介Vue.js (读音：/vjuː/，类似于 "view") 是一套用...
【调试笔记-20240619-Windows- Tauri + Vite + Vue + TS 显示系统信息】
调试笔记-系列文章目录 调试笔记-20240619-Windows-Tauri + Vite + Vue + TS 显示系统信息 文章目录 调试笔记-系列文章目录调试笔记-20240619-Windows-Tauri + Vite + Vue + TS 显示系统信息 前言一、调试环境操作系统：Windows 10 专业版调试环境调试目标 二、调试步骤安装相关开发包 三、应用场景四、参考资料总结 前言 ...