Vue开发随手笔记第10页

Vue开发整理：打包，移动端适配，scss安装

在vue-cli3.0中。去掉了build和config文件夹。所有的配置都放到了vue.config.js中（默认为空，如果没有这个文件在根目录自己新建一个）。一、打包时路径和静态资源路径配置1.router.js中更改baseconstrouter=newVueRouter({mode:'history',//history需要后端配置路由路径，host带#号，用于本地开发base:'/wx/

Darker丨峰神·2023-10-09 01:39

Vue开发一个视频轮播组件-slide组件

小鱼儿心语：愿你成为自己的太阳，无须凭借谁的光^w^直接给大家展示下最终效果：可以左右自动滑动，左右箭头可以根据自身需求放开注释的代码即可AI视频监控.png轮播图应用页面：importcarouselfrom"@/components/carousel";exportdefault{name:'home',components:{"v-carousel":carousel},data(){ret

小鱼儿_逆流而上·2023-10-08 19:10

vue开发的H5页面调支付宝、微信支付

支付宝返回的是form表单，微信返回的是一个地址//支付宝返回的是表单，插入到页面中直接提交就会调起支付宝支付页面(放弃支付时会回到之前的页面，支付宝不提供放弃支付时的页面跳转)constdivForm=document.getElementsByTagName('divform')if(divForm.length){document.body.removeChild(divForm[0])}c

灰海·2023-10-08 18:13

vue开发h5 公众号

公众号搭建公众号的时候也是在过程中遇到了很多的坑，一路踩过来也算是把完成的差不多了，就想着写个记录一下自己的坑。公众号配置要使用公众号的一些内置接口肯定是要配置公众号的接口返回域名的，在官方文档配置就可以啦，没有域名的也可以使用花生壳做代理。这个在后面注册wxconfig有用。配置注册wxconfigwx.config({debug:true,//开启调试模式,调用的所有api的返回值会在客户端a

故梦梦·2023-10-08 03:58

Vue开发实例（18）之用户列表的增删改

导航✪Vue开发实例目录总索引◄上一篇【17】实现用

编程界小明哥·2023-10-08 03:57

记录vue开发实例

封装的表格组件{{(scope.row[item.id]&&scope.row[item.id]!=null&&scope.row[item.id]!="")?scope.row[item.id]:"--"}}{{$parent.findMethod(item.methodName,scope.row[item.id])}}{{$parent.findMethod(item.statusMetho

Mr.ZYG·2023-10-08 03:23

Vue——每次弹出el-dialog，都会执行mounted

在Vue开发中，有时需要我在同一个页面或列表中，多次加载同一个组件，但问题来了。

艳晓·2023-10-08 00:39

在本地安装Vue创建项目时遇到Skipped git commit due to missing username and email in git config.

在本地安装Vue开发环境后，创建项目时终端显示同时在左侧的文件结构全部以绿色显示，这里也有提示原因：git没有配置用户名和邮箱解决：终端配置自己的git用户名和邮箱gitconfig--globaluser.name"username"gitconfig

还在摸鱼嘛·2023-10-07 11:13

vue el-date-picker

vueel-date-picker使用总结vue开发中，时间选择是一个常用的功能，最近用到el-date-picker，总结下设置默认值，及获取当前值的功能。

j--j·2023-10-06 13:36

vue开发时候，build后发现修改ui的样式怎么没了？

今天开发时候发现的一个问题，虽然之前就发现了，不过今天算是解决了。在开发环境中，想要修改ui组件的样式。但是发现，为什么打包之后，修改的样式不见了。这个问题出在webpack打包后，css样式优先级不同。在这引入https://blog.csdn.net/weixin_33785108/article/details/88837221对我来说：同一个class样式，在打包之后，ui组件的优先级，大

海元素·2023-10-06 12:52

被熬夜废掉的一天

今天工作效率很低，就看了vue开发里面关于接口

Oxalis·2023-10-06 01:39

随手笔记1

永远不要感叹生活的孤寂与不尽人意，有一颗敢梦的心，就要放手一搏，因为相信沿途盛开着岁月与诗，阳光与你。期望着2022继续随心上路“目及之处皆为景，脚踏之地皆为韵”

半路杀出来的程咬金·2023-10-06 01:20

vue开发者必看！基于element实现文件上传功能的完整教程

前言在web应用中，文件上传已经成为了一个必不可少的功能。本文将介绍如何使用vue和element实现简单而强大的文件上传功能，让你的web应用更加出色！实现思路其实基于element已经封装好的内容，通过el-upload组件的属性，实现上传的操作还是很易如拾芥的。我们只需要请求接口上传图片，上传成功后，将后台返回的url回显到页面即可。传递参数返回数据用到的属性属性描述accept接受上传的文

水星记_·2023-10-06 01:01

利用HBuilder打包Vue开发的webapp为app

众所周知，前端开发完成的webapp只能运行在浏览器上，对运行环境有一定的限制，也就是除了浏览器其他的环境下不支持；那么现在如果有个需求是这样的呢？需要一套代码三端运行呢？三端运行（黑人脸？？）是的，三端运行即web端，安卓端和IOS端；先别急着说实现不了和不可能，利用HBulder来试试；HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。HBuilder的编写

有梦想的咸鱼前端·2023-10-04 19:40

10个Vue开发技巧助力成为更好的工程师(二)

文章转载自：https://www.cnblogs.com/chanwahfung/p/13358667.html原作者：WahFung优雅更新props 更新prop在业务中是很常见的需求，但在子组件中不允许直接修改prop，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过$emit触发自定义事件，在父组件中接收该事件的传值来更新prop。child.vue:e

JuvenileAndSea·2023-10-04 11:08

【Vue简介+搭建Vue开发环境+Hello小案例】

Vue简介+搭建Vue开发环境+Hello小案例1Vue简介2搭建Vue开发环境3Hello小案例1Vue简介Vue是一套用于构建用户界面的渐进式JavaScript框架。

小王小王几点了·2023-10-01 12:31

Vue | Vue 核心【模板语法 + 数据绑定 + MVVM模型 + 数据代理 + 事件处理 + 计算属性computed + 监视属性watch + 渲染+收集表单数据+过滤器 + 内置指令】

文章目录Vue简介什么是Vue特点搭建Vue开发环境创建Vue对象模板语法插值语法指令语法数据绑定el与data的两种写法el有2种写法data有2种写法MVVM模型数据代理回顾Object.defineProperty

不爱吃菜的蔡菜·2023-10-01 12:57

MpVue开发小程序进行分包

微信小程序限制每个包的大小不超过2M，总包不超过8M。所以当主包的大小超过2M时，可以考虑将部分页面，看抽离为子包。这样在代码上传时，子包会单独进行打包，从而避免主包过大，影响上传的代码。"pages":["pages/books/main","pages/me/main"],"subPackages":[{"root":"pages/bookDetail/","pages":["main"]}]

cs0710·2023-10-01 11:58

Vue框架使用总结

Vue是目前比较流行的web前端框架，所以趁着暑假学习一波，于是写了自己的博客系统项目地址:前端后端因为Vue框架的开发者文档写得非常完善，所以这篇文章不会包含Vue的基本用法这篇文章旨在记录使用Vue

y4ngyy·2023-09-30 14:53

基于vue的动态modal，很好用的弹窗工具，移动端必备

今天我们来介绍基于vue开发的modal，这是我在东家波奇网开发的一个小组件，叫boqii-modal.由于同事们在做H5的活动的时候，很多次的用到来modal框弹层像这样的屏幕快照2018-12-17

前端小菜花·2023-09-30 09:11

随手笔记--项目管理，新的开始

一、为什么写这篇笔记转行这么久之后，第一次想写点东西，或许是因为最近发生的事情比较多，或许这是一个新的开端。1、项目本身大家都非常努力的在做项目，之前的协同，在最后出问题的时候，都是一个比一个甩锅甩的快，甩的远，生存成了必经的第一个课题。2、疫情疫情让原本已不易的项目，变得雪上加霜，人力无法按时到位，各种困难加成，前仆后继的新项目立项，资源越来越显得捉襟见肘，此时的我们都背负着太多的责任，但权力依

管乐_VICTOR·2023-09-29 23:01

vue开发环境搭建

一、安装Node.jsnode下载地址二、安装webpack和vue-cli脚手架在命令行中执行下列两个命令，进行安装。npminstallwebpack-gnpminstallvue-cli-g三、创建vue测试项目1、打开命令行，进入到希望创建vue测试项目的路径，然后在命令行中执行下列命令，进行项目创建。vueinitwebpackvue_test项目目录：2、进入刚刚创建的项目目录下，然后

jimjiayu·2023-09-29 18:11

uniapp样式穿透

有时候会遇到在class上修改的样式会无效，是因为遇到了样式穿透，在vue开发过程中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped

一粒程序米·2023-09-29 16:12

vue 开发环境常用命令以及构建hist 文件

vue开发环境常用命令cnpminstallcnpmrundevvue发布到服务器构建hist文件命令cnpmrunbuild

六·柒·2023-09-29 16:32

vue3学习笔记-根据vue2与vue3的区别（持续补充）

我们Vue开发过程中，一般也会默认结合TS来使用Vue3目前创建项目采用了新的打包工具，vite工具（xxx）团队他们自己发布的一个打包。

先知demons·2023-09-29 15:05

【vue开发基础】之使用阿里巴巴矢量图标库

❤写在前面如果觉得对你有帮助的话，点个小❤❤吧，你的支持是对我最大的鼓励~第一步准备工作前往阿里巴巴矢量图边库，选择并下载你需要的图标（1）加入购物车（2）下载代码（3）解压并打开文件夹（4）打开demo_index.html，选择Fontclass这种方式引用第二步导入到项目（1）在assets文件夹下，新建一个文件夹，把iconfont.css和iconfont.ttf文件导入进来（2）在ma

JS Lover·2023-09-28 14:14

【Nuxt】02 Nuxt2项目搭建与配置、路由使用、生命周期、国际化等

再直白点说，就是Vue.js原来是开发SPA（单页应用）的，但是随着技术的普及，很多人想用Vue开发多页应用，并在服务端完成渲染。这时候就出现了Nu

Chx.zhang·2023-09-28 09:46

Vue 中强制更新视图

前言当我们使用vue开发时经常会遇到当vue实例已经创建好了，有时候需要再次给数据赋值时，并不能在视图中改变在vue文档中写着如果在实例创建之后添加新的属性到实例上，它不会触发视图更新因此比如我们修改一个数组其中的一个值

冷r·2023-09-27 09:00

前端就业宝典---目录

##前端开发规范1.css开发规范2.javascript开发规范3.git的提交规范4.vue开发规范5.vue

还是大剑师兰特·2023-09-26 23:15

进销存ERP系统源码基于springboot+vue开发

进销存ERP系统源码基于springboot+vue开发技术框架Springboot2.2.2.RELEASEMyBatis-plus3.4.2Spring-session-data-redis2.2.0

IT课程分享·2023-09-26 17:41

项目设计-基于SpringBoot和Vue开发的图书管理系统

前言希望本文对这些即将毕业的学弟学妹们、以及刚入门java不久并即将就业的同学们有所帮助，本文将以最简单的业务模型来讲解企业级的java开发是怎么玩的。功能设计领域模型DO（DataObject）：与数据库表结构一一对应，通过DAO层向上传输数据源对象BO（BusinessObject）：业务对象。由Service层输出的封装业务逻辑的对象VO（ViewObject）：显示层对象，通常是Web向模

拜托了学长·2023-09-26 17:56

Electron 常见api总结

近期要给公司写一个OAIM的内部聊天桌面应用，选择了electron-vue开发，之前用过nw他爹node-webkit个人感觉一般所以弃了，于是就学习了一下electron的基本用法，毕竟vsc还有atom

nodebetacat·2023-09-26 10:49

Vue Mock.js介绍和使用与首页导航栏左侧菜单搭建

前言：因为使用Vue开发，组件写的太多，组件与组件之间的传递数据复杂，所以要用到Mock和Bus事件一，关于Mock1.1.什么是Mock.jsMock.js是一个模拟数据的生成器，用来帮助前端调试开发

〔Lisa〕·2023-09-26 06:22

Vue根据网络文件路径下载文件【自定义属性 v-down】

Vue根据网络文件路径下载文件【v-down】标准使用方式企业级Vue开发集成(全局挂载)1.src目录下创建directive文件夹（存在则忽略）2.down.js文件3.directive根目录创建

一名技术极客·2023-09-26 06:19

Vue开发环境和生产环境的代理配置

(1)在vue项目中有两个关键的环境配置文件：.env.development.env.production(2)一个表示开发环境，一个表示生产环境，建议在项目搭建初期就创建好这两个文件开发环境配置：.env.development配置VUE_APP_BASE_URL=/api其中VUE_APP_BASE_API是Vue的关键后端请求地址，我们可以在nodejs项目的任意js代码中获取环境变量，例

七小山·2023-09-26 02:41

Vue开发环境和生产环境的配置

配置文件.env.development：开发环境下的配置文件,执行npmrunserve命令，会自动加载.env.development文件..env.production：生产环境下的配置文件,执行npmrunbuild命令，会自动加载.env.production文件js命名规则属性名必须以VUE_APP_开头比如VUE_APP_BASE_API_Djs.env.development文件配

摆烂小狗·2023-09-26 02:09

Vue开发入门记录

目录1.安装Node.js2.安装cnpm3.安装vue脚手架4.创建项目5.修改配置文件5.1使用相对路径5.2允许网络上其他终端访问6.安装VueDevtools调试工具7.结束1.安装Node.js到Node.js官网下载并安装Node.js2.安装cnpm由于许多npm包都是在国外，安装起来特别慢，所以我们这里利用淘宝的镜像服务器，来对我们依赖的module进行安装。安装命令为：npmin

shuaijie506·2023-09-25 20:03

如何基于vue开发ui组件库（heaven-ui）

前⾔Vue是⼀套⽤于构建⽤户界⾯的渐进式框架,⽬前有越来越多的开发者在学习和使⽤。⽽组件库能帮我们节省开发精⼒，⽆需所有东⻄都从头开始去做，通过⼀个个⼩组件拼接起来，就得到了我们想要的最终⻚⾯。在⽇常开发中如果没有特定的⼀些业务需求，使⽤组件库进⾏开发⽆疑是更便捷⾼效，⽽且质量也相对更⾼的⽅案。本⽂阐述了如何基于vue⼀步步完成⼀个UI组件库的打造。组件库官⽹github地址npm地址⼀、技术栈我

天明丶胡金斌·2023-09-25 15:23

【vue2第十八章】VueRouter 路由嵌套与 keep-alive缓存组件(activated,deactivated)

VueRouter路由嵌套在使用vue开发中，可能会碰到使用多层级别的路由。比如：其中就包含了两个主要页面，首页，详情，但是首页的下面又包含了列表，喜欢，收藏，我的四个子路由。

一个大不溜w·2023-09-25 10:03

Vue项目性能优化

优化方法：在19年3月的时候，Vue开发者大会上，有个大佬发布了名为Vue优化9法的主题Ⅰ.函数型组件：➀.实际应用：用来定义那些没有响应数据，也不需要有任何生命周期的场景，它只接受一些props来显示组件

夜半暖人心·2023-09-25 09:50

Vue中如何进行跨域处理

Vue.js是一款流行的前端框架，如何在Vue中处理跨域请求是每个Vue开发者都需要了解的重要课题。

stormjun·2023-09-24 16:06

基于electron开发轻量级自动部署工具-部署狗

部署狗适用与个人与小团队的轻量级自动部署工具基于electron+vue+element开发github技术棧electron-vue开发$npminstall$npmrundev先来一波图项目管理avatar

记忆的时间差·2023-09-24 10:42

【uni-app】uni-app获取当前环境信息

uni-app获取当前环境信使用uniapp的壳嵌套vue开发的网页端项目链接，在该Vue项目中获取当前环境是否为APP或者微信小程序，对不同环境下做专属的操作引用依赖的文件在web-view加载的HTML

周围都是小趴菜·2023-09-24 10:18

27_ Vue3状态管理-Vuex的基本使用及state和getters的使用详解

在Vue开发中，我们使用组件化的开发方式；而在组件中我们定义data或者在setup中返回使用的数据，这些数据我们称之为state；在模块t

酒客·2023-09-24 01:32

vue3_03_vuex4

在Vue开发中，我们使用组件化的开发方式；而在组件中我们定义data或者在setup中返回使用的数据，这些数据我们称之为state；在模块template中我们可以使用这些数据，模块最终会被渲染成DOM

star@星空·2023-09-24 01:02

Vue开发小程序的技术原理浅析

Vue、React和Angular是当前应用最广的三大前端框架，仅从GitHub趋势来看，Vue更是排在了第一位，目前已经达到了17万的Star。目前，不管是BAT大厂，还是创业公司，Vue都有广泛的应用，对于任何一个前端工程师来说，Vue都是一门非常值得我们学习的前端框架。但在国内小程序成为移动开发的破局者之后，Vue的名字又经常和小程序关联在了一起，下面我们就一同探究两者之间的关系。一、首先认

FinBird·2023-09-23 19:39

第2讲：Vue开发环境的搭建及运行

Vue开发环境搭建步骤1、安装nodehttp://www.nodejs.com.cn/一般安装在根目录下，直接下一步下一步安装即可。

CSDN专家-赖老师（软件之家）·2023-09-23 12:21

Vue2学习笔记1 - win10下安装vue开发环境

操作系统为Win10_x641.安装NodeJsVue的安装依赖NodeJs，所以需要先安装NodeJs，去NodeJs官网（http://nodejs.cn/download/）下载对应系统的nodejs安装文件：node-v14.13.1-x64.msi，我下载的是14.13.1版本。NodeJs的安装路径可以自己修改，建议不要放在C盘。安装完成后，修改系统的环境变量中的Path路径，将Nod

Myron.Maoyz·2023-09-23 08:39

发送实时音频数据到udp服务

由于浏览器不能直接连接udp服务，所以需要搭建一个websocket服务做中转，让websocket服务连接udp服务1、vue开发获取实时音频数据并按4096分包后添加rtp协议头发送到websocket

[廾匸]·2023-09-23 05:38

在vue3的开发环境中为什么使用vite而不是用webpack

首先你得理解vue开发环境时的webpack原理1、给一个入口文件，通过路口文件找依赖，然后就找到很多模块出来，模块中有js,css和图片总之包含了一大堆文件2、然后webpack打包，通过loader

Jeffrey Dean·2023-09-22 18:10

推荐频道

Vue开发随手笔记