• 多页vue应用的单页面打包方法(内含打包模式的应用)
• 一、简介关于如何以及为什么要构建多页vue应用，我们在上一篇文章中已经介绍过，感兴趣的请参考构建多页vue应用。本文我们要介绍的是，对于一个多页应用，如何单独打包其中一个（或几个）页面。一般来说，多页应用不需要打包单个页面，这多个页面可以作为整个应用直接放在静态资源服务器上。不过我们也说过，多页应用...
• 日期：2023-01-13
• 浏览：199
• 标签： Vue

---

• 解决vue 给window添加和移除resize事件遇到的坑
• 在vue项目中需要监听window窗口变化来时时计算图片的高度，于是就加了一个监听事件；确实监听到了，但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态，即移除监听事件并没有生效。 //之前的写法，这样写移除监听事件无效 mounted(){ window.add...
• 日期：2022-12-31
• 浏览：245
• 标签： Vue

---

---

• 详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
• 最近在项目中实现在循环出来的图片中当鼠标移入隐藏当前图片显示另一张图片的需求时碰到了一个小问题。就是当使用@mouseenter 和@mouseleave事件来实现这个需求时却发现鼠标移入后图片出现闪烁现象。重点：事件写到父元素上才行！！！ 0.0下面写下我的实现方法和实现效果样式代码：<di...
• 日期：2023-01-28
• 浏览：262
• 标签： Vue

---

---

• 在vue中封装方法以及多处引用该方法详解
• 步骤：1.先建立一个文件，放你想封装的方法；然后导出；部分代码：注： 导出这个地方需要特别注意：如果是一个对象的话：export 对象；如果是一个函数的话：export { 函数 }2.引入文件：补充知识：vue uni-app 公共组件封装，防止每个页面重复导入1、公共插件实现目标，将公共组件或者...
• 日期：2022-12-07
• 浏览：360
• 标签： Vue

---

• vue-cropper插件实现图片截取上传组件封装
• 基于vue-cropper插件实现图片截取上传组件封装的具体代码，供大家参考，具体内容如下需求场景：后台开发需要上传图片并进行相应比例尺寸图片的截取,本组件开发采用Ant Design Vue组件库搭配vue-cropper插件进行封装实现如下html<template> <di...
• 日期：2022-09-29
• 浏览：52
• 标签： Vue

---

• 解析如何自动化生成vue组件文档
• 目录一、现状二、社区解决方案2.1、业务梳理三、技术方案3.1、Vue文件解析3.2、信息提取3.2.1、可直接获取的信息3.2.2、需要约定的信息四、总结五、展望一、现状Vue框架在前端开发中应用广泛，当一个多人开发的Vue项目经过长期维护之后往往会沉淀出很多的公共组件，这个时候经常会出现一个人 ...
• 日期：2022-09-28
• 浏览：104
• 标签： Vue

---

• 浅谈vue实现双向事件绑定v-model的原理
• 目录解释：总结补充与js或者jquery直接改变操作dom不同，vue使用v-model实现数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控...
• 日期：2023-02-11
• 浏览：321
• 标签： Vue

---

• vue相关配置文件详解及多环境配置详细步骤
• 1.package.json作用：package.json 文件其实就是对项目或者模块包的描述，里面包含许多元信息。比如项目名称，项目版本，项目执行入口文件，项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。文件结构如下：{ 'name': 'sop-vue', 'vers...
• 日期：2023-01-20
• 浏览：80
• 标签： Vue

---

• Vue使用Three.js加载glTF模型的方法详解
• 前言Three.js是一个跨浏览器的脚本，使用JavaScript函数库或API来在网页浏览器中创建和展示动画的三维计算机图形，基于WebGL实现，对WebGL进行了进一步的封装，简化了多数复杂的接口。Three.js支持包括 .obj、.gltf等类型的模型结构。glTF（GL传输格式）是Khro...
• 日期：2023-01-13
• 浏览：185
• 标签： Vue

---

• 在vue中实现某一些路由页面隐藏导航栏的功能操作
• 为了将导航栏显示在每一个页面中，可以将导航栏与<router-view>放在同一级显示，如下：<header> ...</header><router-view></router-view>但是，在某些时候，我们需要隐藏导航栏显示，比如登...
• 日期：2022-11-19
• 浏览：55
• 标签： Vue

---