vue项目web端-封装组件

vue项目拆分组件思想对比

基于组件拆分：优点：组件增加复用，增加可维护性拆分：.vue=HTML+JS+CSS问题：一旦组件从一个变成了多个，必定形成嵌套关系，从而增加通信成本基于逻辑拆分：优点：逻辑的复用，增加可维护性拆分：拆分的只有js问题：对原生js函数的理解要求高了基于逻辑的通用拆分思想：1、找到组件中属于同一个业务逻辑的所有代码（响应式数据+修改数据的方法）2、定义一个以use打头的方法，把第一步所有的业务逻辑代
煸橙干儿~~·2024-02-09 14:16

vue项目引入外部字体

一、vue项目引入外部字体1.网上下载字体包2.在项目中引入字体3.然后在css文件夹创建一个font.css文件，文件用于声明引入的字体，定义字体名称@font-face{font-family:'SourceHanSansCN-Medium
我是人间烟火·2024-02-09 13:35

Vue项目中RSA公钥及Aes加解密问题

1.Vue项目中引入AES插件（1）安装crypto-jsnpminstallcrypto-js--save-dev（2）封装aes工具类importCryptoJSfrom'crypto-js';/*
啾啾酒·2024-02-09 12:11

vue项目中仿element-ui弹框

vue项目中仿element-ui弹框最近要写个弹框，发现element-ui弹框样式还可以，就copy下来改吧改吧。也不分步骤详细介绍了直接上代码。
River_tong·2024-02-09 12:22

如何在vue中使用拖动排序组件sortablejs

效果图：1.首先，我们需要在vue项目中安装依赖：npminstall-savesortablejs2.创建demo文件=>demoTest.vue，直接附上实例代码：{{item.id}}=>{{item.name
得知此事须躬行·2024-02-09 11:19

vue项目自动化测试-unit tests

最近研究vue项目的自动化测试，网上有很多教程，因此也是一个坑一个坑的踩，差一点就从开始到放弃了，最后又仔细研究了一下，终于成功了，这篇主要用来记录成功过程。如有不对，望各位大神多多指教。
邮一支软猫·2024-02-09 11:10

nginx一个域名配置多个vue项目

在已有项目一的情况下，不改变项目一的访问地址，在同一域名的二级目录下部署项目二，配置如下：一、修改vue.js配置1.修改vue-router路由配置src/router/index.js文件a.项目一constrouter=newVueRouter({mode:'history',routes:routes})b.项目二constrouter=newVueRouter({base:'jx',mo
秀萝卜·2024-02-09 10:15

Jmeter脚本录制

2.Jemeter脚本录制方式web端:BadBoy脚本录制app端:使用Jmeter自带的代理服务器进行脚本录制3.Android手机端脚本录制前提:电脑和手机在同一网络段上1：添加htt
執著_af43·2024-02-09 09:56

微信公众号开发的H5页面只能在微信中打开（Vue项目）

实现用户只能在微信中打开H5页面思路就是：项目是单页面项目，所以页面都渲染在index.html页面中，所以只要在index.html中进行判断，当前用户使用的浏览器是什么，如果用户使用除了微信浏览器的其它浏览器，都会将页面加载到wxError.html页面内，提示用户“请在微信客户端打开链接”具体步骤：1、与index.html同级新建一个wxError.html文件完整的代码varua=nav
山城️777·2024-02-09 06:51

小程序细节

可以新建一个文件夹，比如assets，里面放文件夹image、wxss，这部分跟咱们开发vue项目一样，pages里就相当于vue的views文件夹页面，同理组件也可以新建一个components的文件夹
甘草子XS·2024-02-09 06:41

在VUE项目中使用Echarts简单实现折线图、柱状图、饼图

1、首先下载echarts包npmiecharts--save2、在main.js中全局引入echarts包，挂载到vue实例上import*asechartsfrom"echarts";Vue.prototype.$echarts=echarts3、在vue单页面上使用echarts3.1实现折线图和柱状图在vive层//必须设置宽和高获取echarts对象getmain(){//获取echar
六卿·2024-02-09 05:02

微信小程序开发跳转问题

在vue项目开发中，事件监听可以直接通过绑定点击事件即可，然后调用函数，并传参。如下图所示，可以直接在函数方法中进行参数传递。
qq_33453797·2024-02-09 05:00

利用路由懒加载和CDN分发策略，对Vue项目进行性能优化

目录一、Vue项目二、路由懒加载三、CDN分发策略四、如何对Vue项目进行性能优化一、Vue项目Vue是一种用于构建用户界面的JavaScript框架，它是一种渐进式框架，可以用于构建单页应用（SPA）
杨荧·2024-02-09 02:26

【Fabric.js】监听画布or元素的点击、选中、移动、添加、删除销毁、变形等各事件

例子就用vue项目组件里的代码，fabric的使用跟vue、react、angular之类的框架都没任何关系！并且本demo只对功能进行讲述，实际项目使用肯定要进行封装，别直接就照抄导致写的丑！
oumae-kumiko·2024-02-09 01:43

Vue项目启动webpack报错Module build failed: Error: No PostCSS Config found in......

情景我使用vue-cli创建项目，然后想换个地方，就把除了node_modules以外的文件全部拷贝到另一个文件，想的重新npmrundev一下就可以。但是在原来位置就是可以正常展示的，但是在新文件里面就会报错Modulebuildfailed:Error:NoPostCSSConfigfoundin:/Users/***原因某个隐藏属性的配置文件没有拷贝。导致运行报错。建议默认打开win或者ma
HealerLZH·2024-02-09 01:40

vue获取上传图片的名字和路径_使用Vue实现图片上传的三种方式

我们就以Vue、Element-ui，封装组件为例子聊聊如何实现这个功能。其他框架或者不用框架实现的思
weixin_39876592·2024-02-08 22:01

vue组件通信方式之eventBus

我们在vue项目中最常遇到的问题就是组件之间的通信，父子通信，兄弟通信，跨组件之间的通信。
Hello_MrShu·2024-02-08 20:02

vue.config.js和webpack.config.js区别

vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在
波波仔86·2024-02-08 20:27

webpack.config.js和vue.config.js的区别

vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当然如果需要更专业的配置工作，两者在vue项目中是可以并存的。
武当王也拜见老天师·2024-02-08 20:27

说一说Web端侧AI

本文为大家介绍什么是端智能，端智能的应用场景以及Web端侧实现AI的基本原理概念。
凹凸实验室·2024-02-08 19:45

14 -vue 打包图片路径错误解决

一、构建VUE项目直接用官网的方式建立vue项目vueinitwebpackvue-demo二、打包VUE项目npmrunbuild2.1打包项目介绍会在项目根目录下出现一个dist文件夹，项目目录如下图
大大的小小小心愿·2024-02-08 18:28

vue3全局常量定义及使用

vue2定义全局变量可以参考以下文章Vue项目常量的使用vue3中需要适量修改一下一、创建常量文件在src下创建constant文件夹，用于存放全局常量相关配置，创建好后在其内创建module文件夹，用于存放常量文件
我是小菜鸟*·2024-02-08 18:54

vue 原生高德地图 单个定位点，定位 移动

amap/amap-jsapi-loader'//实例化地图控件initMap(lng,lat,name,code,time){AMapLoader.load({key:this.mapkey,//申请好的Web
liaoxiuqing·2024-02-08 18:52

创建一个VUE项目（vue2和vue3）

背景：电脑已经安装完vue2和vue3环境一台Mac同时安装vue2和vue3https://blog.csdn.net/c103363/article/details/136059783创建vue2项目vueinitwebpack"项目名称"创建vue3项目vuecreate"项目名称"
c103363·2024-02-08 17:39

js按顺序循环接口返回数据，组合成新数据

新数据格式1：一个对象包含请求参数和返回值现在vue项目里有个字典接口，该页面很多地方要调用字典接口，需要写个循环将字典值和接口返回数据对应。
三线码工·2024-02-08 16:57

bpmn.js一个基于Bpmn 2.0的前端工作流展示和绘制工具

bpmn.js是由开源工作流引擎camunda内部组织BPMN.IO组织开发的一款基于BPMN2.0的工作流展示、编辑的web端工具库。
胖蔡·2024-02-08 14:51

记一次VulnStack渗透

信息收集netdiscover的主机发现部分不再详解，通过访问端口得知20001-2003端口都为web端口，所以优先考虑从此方向下手外网渗透GetShellStruct漏洞访问2001端口后，插件Wappalyzer
网安Dokii·2024-02-08 13:37

vue项目启动出现的问题

vue踩坑-Error:listenEADDRNOTAVAIL192.168.1.122:8081Error:listenEADDRNOTAVAIL192.168.1.122:8081atObject._errnoException(util.js:1024:11)at_exceptionWithHostPort(util.js:1046:20)atServer.setupListenHandle
木子川页心·2024-02-08 12:55

Vue项目中 sass安装

1.sass-loader依赖于node-sass,所以要安装node-sasscnpminstallnode-sass--save-dev//安装node-sasscnpminstallsass-loader--save-dev//安装依赖包sass-loadercnpminstallstyle-loader--save-dev//安装style-loader2.在build文件夹下的webpa
一颗苦涩的苹果·2024-02-08 12:49

vue项目中获取地址栏参数并且截取

铁子们，我今天写项目遇到这样一个问题，因为我是单独写的三个页面，我那个页面获取数据是要获取到上个页面传过来的参数才能进行请求，因为刚开始写参数是直接写成固定死的了然后我就在想，肯定要获取到当前页面的url地址，这样后边才能截取url地址中的参数，代码如下varurl=window.location.href;//获取地址栏路径vartemp1=url.split('?');//对url地址进行分割
一颗苦涩的苹果·2024-02-08 12:19

为啥可以直接在命令行执行vue create 和vue add等等的方法内容呢，这个过程是怎么样的

因为有node才可以执行js文件但在为何全局安装了vue-cli时候vuecreateproject-name创建Vue项目时，为什么命令不是以node开头呢，而是直接就可以vue去开头就能执行命令，难道没有使用
蓝奕世·2024-02-08 11:18

【Vue项目】filters过滤器

在vue项目中需要对一些数据进行格式化，我们可以通过Vue.filter进行过滤Vue.filter过滤器在Vue实例中使用Vue.filter方法进行注册，注册成功就可以在任何Vue模板中使用这些过滤器来对数据进行处理和格式化
SuperYiY·2024-02-08 11:18

vue项目打包发布到云服务器

主要是说vue项目打包过程。
风晓尘·2024-02-08 10:03

promise封装axios方法

axios获取后台数据的方法插件promise处理异步的方法封装在实际项目里为了更方便的使用axios获取后台数据，这里我们用promise封装一下vue项目里封装方法我们一般放在utils文件夹里src
熊猫也是熊·2024-02-08 08:12

使你的项目在手机上运行（reacthook+material-ui）+cordova

对于手机端前端开发，想知道几点：1、如何自适应，使用和web端一套的东西怎么能在手机上完美运行？（ui框架自适应）2、手机端的操作事件是否有不同？（暂无发现，使用umi+react框架，可能和真
sasaraku.·2024-02-08 07:55

linux之vue（vue-cli）脚手架安装创建项目

文章目录1、安装npm2、由于网路原因安装cnpm3、安装vue-cli4、安装webpack5、启动vue的图形界面管理工具6、通过界面的方式创建vue项目1、安装npmnpm全称NodePackageManager
想了好久才取了这·2024-02-08 06:41

安装Vue 及 创建一个Vue 项目

创建一个Vue项目首先要先安装node及npm详情见【http://www.cnblogs.com/ylboke/p/8342116.html】及【http://www.cnblogs.com/ylboke
唐人不自醉·2024-02-08 06:06

vue项目打包部署到flask等后端服务里面，实现前后端不分离部署，解决空白页面和刷新页面not fount问题

1.编译模式一定要设置为esnext，否则会报错：StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/plain".具体解释可以看vite官方文档：构建选项|Vite官方中文文档2.而且
1024小神·2024-02-08 06:15

vue项目打包时如何去除文件的hash值？

默认情况下，生成的静态资源在它们的文件名中包含了hash以便更好的控制缓存。然而，这也要求index的HTML是被VueCLI自动生成的。如果你无法使用VueCLI生成的indexHTML，你可以通过将这个选项设为false来关闭文件名哈希。vue.config.js:const{defineConfig}=require('@vue/cli-service')module.exports=def
徐同保·2024-02-08 06:10

Vue - Vue3 封装组件(更新中...)

组件目录1、穿梭框DataTransfer2、按钮组3、顶部导航菜单4、弹窗组件5、特色按钮5、PDFWordExcel预览插件6、编辑器1、穿梭框DataTransfer示例应用示例组件代码import{ArrowLeft,ArrowRight,Search}from"@element-plus/icons-vue";import{computed,getCurrentInstance,onMo
青柠t·2024-02-08 06:39

vue使用vue-ueditor-wrap集成秀米

UeditorUEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码：UEditor官网地址下载代码放置到vue
丨·2024-02-08 06:38

vue项目：集成富文本编辑器 - 百度ueditor（vue-ueditor-wrap）

一、背景集成百度ueditor，实现图文编辑二、项目介绍vue2-nuxt2项目vue项目：ueditor（vue-ueditor-wrap）三、集成步骤3.1、下载富文本编辑器GitHub-fex-team
snowball_li·2024-02-08 06:38

vue : 无法加载文件 D:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。

在vscode新建vue项目vueinitwebpackvue_app时报错vue:无法加载文件D:\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。
鬼悬铃·2024-02-08 04:20

request to https://registry.npm.taobao.org/vue-loader failed, reason: certificate has expired

今天在安装vue项目的依赖时，使用npm命令报错了，说是原来设置的源镜像网站的证书过期了。
沐雨橙风ιε·2024-02-08 04:00

vue项目集成booststrap

1.首先安装bootstrapnpminstallbootstrap我安装的是4.3的版本2.在main.js中引用bootstrapimport'bootstrap/dist/css/bootstrap.css'import'bootstrap/dist/css/bootstrap.min.css'import'bootstrap/dist/js/bootstrap.js'import'boot
小赖同学啊·2024-02-08 03:17

【Go】一、Go语言基本语法与常用方法容器

GO基础Go语言是由Google于2006年开源的静态语言1972：（C语言）—1983（C++）—1991（python）—1995（java、PHP、js）—2005（amd双核技术+web端新技术飞速发展
清河__·2024-02-08 02:22

vue中的代理转换机制proxyTable配置项

在写vue项目的时候，后台没有及时提供数据，我们前台会在本地模拟
凯哥Java·2024-02-08 01:43

1Panel面板如何安装并结合内网穿透实现远程访问本地管理界面

高效管理,通过Web端轻松管理Linux服务器，包括主机监控、文件管理、数据库管理、容器管理等下面我们介绍在Linux本地安装1Panel并结合cpolar内网穿透工具
小沈YO.·2024-02-08 01:51

vue项目中axios配置（代理配置）

一、引入axios包npminstallsxios--save二、建立axios文件夹在src根目录下新建api文件夹在api文件夹下新建ajax.js和index.js文件ajax.js用于配置通用的axios接口方法。index.js用于开发从接口获取数据方法。ajax.js/*ajax请求函数模块返回值：promise对象（异步返回的数据是：response.data）*/importaxi
土豆丶杨·2024-02-07 22:50

前端实现多语言

首先，创建一个Vue项目并安装vue-i18n库vuecreatevue-multilanguage-appcdvue-multilanguage-appnpminstallvue-i18n在src目录下创建一个
编代码的小王·2024-02-07 22:57
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他