Vue开发随手笔记第22页

Vue 技巧

整理Vue开发技巧1、页面需要导入多个组件//常用写法importoneComfrom'@/components/home/oneCom'importtwoComfrom'@/components/home

Rico_wang·2023-03-25 17:57

Vue 开发必知的 36 个技巧

转自：微点阅读https://www.weidianyuedu.com前言本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1、require.context()1.场景:如页面需要导入多个组件

ysds20211402·2023-03-25 14:07

关于Vue 开发的 16 个技巧

转自：微点阅读https://www.weidianyuedu.com前言本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1、require.context()1.场景:如页面需要导入多个组件

ysds20211402·2023-03-25 14:37

Vue 开发必须知道的 30多个技巧

Vue开发必须知道的30多个技巧Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了,本文从列举了36个vue开发技巧;后续Vue3.x出来后持续更新.1.require.context()1

IT博客技术分享·2023-03-25 14:51

8个你一看就觉得很棒的Vue开发技巧

1.路由参数解耦通常在组件中使用路由参数，大多数人会做以下事情。export default { methods: { getParamsId() { return this.$route.params.id } }}在组件中使用$route会导致与其相应路由的高度耦合，通过将其限制为某些URL来限制组件的灵活性。正确的做法是通过pro

骨灰级收藏家·2023-03-25 14:02

vue开发中使用Element的input框rules验证价格

在项目开发过程中，经常遇到input框验证金额，价格的情况，验证整型的都很简单，v-model.number="绑定值"，但是element没有提供验证一位小数或者两位小数金额的验证，网上看了一圈，都感觉要么不能用，要么太复杂，看了一哈element文档，咦，发现可以使用自定义规则验证在验证之前先来说一下rules验证的参数有哪些,rules写法大致是这样：rules:{orderPrice:[{

取名字咋这么难·2023-03-25 10:23

Vue开发环境配置

最近使用vue的客户愈发的增多，Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。本节教程带大家在VisualStudioCode中的wek

为梦齐舞·2023-03-25 10:43

Vue开发中遇见的问题

npminstall安装出现Unexpectedendofinputat1:949588https://www.cnblogs.com/longtengfly/p/8001604.htmlnpminstall出现requesttohttps://cdn.npm.taobao.org/acorn/-/acorn-5.5.3.tgzfailed,reason:getaddrinfoENOTFOUNDc

taijielan·2023-03-25 05:53

基于SpringBoot+Vue开发的一个知识社区分享平台

用户功能界面界面设计以及功能部分流程，仅供各位大佬们参考页面和项目的功能逻辑界面设计界面一：登录成功浏览文章列表、登录界面、注册页面点击上栏切换不同的类别（二）界面二：点击文章进入文章详情，进行点赞、分享、留言功能的处理点赞⬇分享⬇留言⬇（三）界面三：文章的撰写选择类型与发布文稿（四）界面四：文章的查询（根据用户名、文章标题、文章内容）（五）界面五：视频的浏览与发布发布视频⬇用户自身信息修改模块界

疯狂的1998·2023-03-25 01:03

使用vue开发中碰到的问题系列

1、RangeError:Maximumcallstacksizeexceeded一般vue-router报错说明是路由配置出问题了，或者跳转调用路由的时候出现死循环，RangeError:Maximumcallstacksizeexceeded是死循环出现的语句，这种情况先检查组件中是否有重名调用，如果有应重新考虑组件命名。2、Computedproperty"XXX"wasassignedto

木A木·2023-03-24 21:21

记一次微信网页开发redirect_uri参数错误的解决方法

用vue开发完静态界面后，在index.html文件中添加微信授权操作favicon.ico">微信网页开发//网页授权之获取codeconstcode=getUrlParam("code"),openId

岛在深海处·2023-03-24 19:02

Vue开发技巧总结

本文目录：1.sync优雅更新props2.卸载watch观察3.巧用template4.过滤器复用5.长列表性能优化6.监听组件的生命周期7.批量引用组件8.全局组件注册9.路由分区以及动态添加路由10.拯救繁乱的template11.高精度全局权限处理12.如何中断已发出去的axios请求1.sync优雅更新props更新prop在业务中是很常见的需求，但在子组件中不允许直接修改prop，因为

前端辉羽·2023-03-24 19:09

自学Vue开发Dapp去中心化钱包（二）

目录前言一、Vue基础学习二、开始使用1.安装Node.js2.安装淘宝npm3.安装vue-cli4.创建一个Vue项目6.idea打开项目7.安装依赖环境8.安装其他三、Vue部分组件使用1.Vue全局加载2.vue-router3.element-ui组件4.vue-i18n组件国际化js文件示例使用场景示例5.vuex组件模块化index.jsstate.jsmutations.jsget

码砖专业人士·2023-03-24 11:01

uni-app开发微信小程序与h5的一些随手笔记（持续更新）

1.要想在微信小程序不能再css中使用background-image！（虽然测试是可以的，但是真机的时候有可能出错。uni-app官网也有提及到）2.在h5端进行调试的时候发现点击事件不生效，可能原因如下如果是有图片的，有可能是图层之间的问题，给点击的图片添加z-index增大层级即可3.将数组变成对象的写法:{....arr}原数组：[{...},{...},{...}]转成对象后：{{...

学学学无止境·2023-03-24 02:27

【用vue开发微信小程序】（uni-app）

文章目录前言一、大体流程1.uni-app项目搭建流程：2.团队开发流程二、遇到的些问题1.插件的使用①使用uni原生ui插件：②使用SegmentedControl分段器③使用uViewUI2.组件之间的传参①父子组件间传参1.父向子传递参数：2.子向父传递参数：②VueX1.配置步骤2.基本用法statemutationsactionsgetters③Mixins3.session_key①w

Kevin_卓·2023-03-24 02:53

搭建Vue开发环境以及关闭控制台提示信息（包含vue-devtools安装）

第一步：到Vue官网上下载开发版本网页链接：https://cn.vuejs.org/v2/guide/installation.html将下载的vue.js文件拖至新建的vue项目中。第二步：在项目中引入vue.js文件这时运行此网页，打开网页控制台，输入Vue，若没有出错误，而是出现下图的相关信息，则表示vue引入成功。同时控制台也出现了两个小提示（解决办法如下）处理控制台提示信息1.处理第一

小白-xxx·2023-03-24 01:58

随手笔记

总想着能静下来写写经历和情绪，可似乎提笔却又变得懒惰起来。会不经意联想到你，也会刻意关注着你，关心是是角色的一份责任，可有时候就是自然反应，但也会怕你会有压力，会觉得嫌唠叨，没有足够的空间感。相处总是不断磨合，更是互相敞开心扉，越来越随意和接受对方的关心，很幸福！此刻很想念你！

泡沫亦泡影丶相爱亦相守·2023-03-24 00:32

npm ERR code ERR_SSL_DECRYPTION_FAILED_OR_BAD_RECORD_MAC

一、npmERRcodeERR_SSL_DECRYPTION_FAILED_OR_BAD_RECORD_MAC在Vue开发中使用npminstallxxx安装插件报错：npmERR!

天马3798·2023-03-23 22:37

vue-cli3之router 和 router.beforeEach妙用

路由是前端非常重要的部分，那么在使用vue开发中也是必不可少的。vuerouter官方文档详细的介绍的关于router的一些功能和用法。

蒋蒋_dbfe·2023-03-23 21:58

[Vue学习]Vue开发创建webpack项目

项目创建创建一个基于"webpack"模板的新项目,项目名称可自定义,这里用默认的"my-project"cmd或者gitbash输入vueinitwebpackmy-project接下来会出现image.png这里直接回车默认就是my-peoject然后下图是是项目描述,不是必填,按下回车继续image.png然后是项目作者image.png然后需要选择是否安装编译器image.png安装要选择

音无级鹦鹉螺号·2023-03-23 20:04

mpvue无痛迁移uni-app教程

之前是用mpvue开发的项目，由于官方的不作为，mpvue渐渐已经跟不上目前敏捷开发的快速版本迭代，我渐渐对mpvue失去了信心，基于vue的小程序框架转化，目前的框架中就是uni-app的最好mpvue

webkubor·2023-03-23 01:45

vscode不支持nvue语法高亮的解决办法(图文详解)

目录项目场景：问题描述原因分析：解决方案：配置如图解决效果项目场景：项目场景：用vscode开发uniapp会遇到用.nvue开发的时候。

·2023-03-22 16:40

vue开发移动端H5页面，popup组件和picker组件，如何清除之前的选中？

页面有三处选择时间，共用一个picker组件，再次选择，保留着之前的数据，怎么清除？比如早餐选择了7:00-9:00.我选择午餐，picker选择器，还是选择7:00-9:00为选中状态。我希望打开午餐显示00:00-00:00.选择完午餐，比如11:30-13:30。再点早餐是7:00-9:00,点午餐是11:30-13:30，再点晚餐，是00:00-00:00如何实现？home.vue页面++

不负好时光·2023-03-22 11:23

001.windows搭建Vue开发环境

前言操作系统：win7nodejs：12.9IDE：webstorm正文1.安装webstorm直接Jetbrain官网下载即可，一路下一步，无需特殊操作。2.安装nodejs由于我的操作系统是win7，当前最新版本16不支持win7，所以我对nodejs进行降级，选择了12.9（nodejs12的最后一个版本）3.配置webstorm为了能让webstorm使用nodejs来解析程序，我们需要配

转身丶即天涯·2023-03-22 09:20

萤石云视频监控对接

文档：萤石云文档(web开发)示例参考：萤石云DEMO下载最新SDK及示例：最新SDK及示例参考博客：vue中实现视频直播（萤石云）-参考博客：海康威视&萤石摄像头直播/监控模式Vue开发-视频直播一听很是高大上

刘其瑞·2023-03-19 14:21

Gin+vue+mysql搭建个人博客网站

演示地址：https://weylau.ajnote.cn后台接口：使用golang的web框架gin开发项目地址：https://github.com/weylau/myblog-api前端博客页面：使用vue

weylau·2023-03-19 13:58

13、认识Vuex

Vuex是一个专为Vue开发的应用程序的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。

小白摘葡萄·2023-03-18 23:13

Uni-app之Nvue开发细节总结

uni-appApp端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力适用场景需要高性能的区域长列表或瀑布流滚动。webview的页面级长列表滚动是没有性能问题的，但页面中某个区域做长列表滚动，则需要使用nvue的list、recycle-list、waterfall等组件(详见)。这些组件的性能要高于vue页面里的区域滚动组件scroll-view。左右拖动的长列表。在webview

大码猴·2023-03-17 20:09

springboot+vue+elementUI大学生体质测试管理系统#毕业设计

随着我国大学生数量的不断增加，个个高校对大学生的体质也开始高度的进行重视，只有拥有了高强健康体质的大学生才能够全身心的投入到学习和工作中，为了能够更好的对大学生的体质进行检测我们通过springboot+vue

wqq6310855·2023-03-17 16:07

计算机毕业设计springboot+vue+elementUI大学生体质测试管理系统

项目介绍随着我国大学生数量的不断增加，个个高校对大学生的体质也开始高度的进行重视，只有拥有了高强健康体质的大学生才能够全身心的投入到学习和工作中，为了能够更好的对大学生的体质进行检测我们通过springboot+vue

qq_1262330535·2023-03-17 16:31

web开发 vscode插件推荐

无需刷新页面vuter：vue开发必备语法提示等ES7：react/redux/graphQL/react-Nativesnippetsreact开发必备。

zyghhhh·2023-03-17 15:37

Proxy的使用

对于Proxy，我相信大家都非常熟悉了，尤其是对于使用Vue开发的人来说。虽然大家知道，我这里还是要说一下(多一点字数吗，哈哈)。

走走停停再走·2023-03-17 11:40

Vue开发技巧--------批量引入文件

在平时开发中，大家肯定遇到一些你不想做但是又必须做的事，比如路由配置文件、ajax请求封装使用等。比如在开发中，随着模块增多，每增加一个模块你就需要去router的配置文件下对路由进行配置如下router配置文件{path:"test",name:"test",meta:{title:"test管理"},component:resolve=>require(["@/components/pages

二营长家的张大炮·2023-03-17 07:12

Vue项目部署上线（页面刷新404）

用过Vue开发项目的应该都知道，vue-router的作用是配置前端路由表，在本地开发调试时一切使用正常，但是部署上线到服务器，一旦刷新页面浏览器就会报404(NotFound)。

Coder__T·2023-03-17 05:58

开发中遇到的小问题

Vue开发中遇到的问题1、选中二级路由高亮时保持它的父路由也保持高亮给路由添加前置守卫beforeEach(to,from,next)，在路由前置守卫中判断要去的路径信息，如果是二级路由，则给一级路由也加上高亮样式直接在路由跳转标签中获取路径信息

Demons_033a·2023-03-16 13:08

浅谈Vue

开发不一样的是，以往的开发是操作dom节点，进行绑定，渲染数据，一旦数据改变，就会需要从新获取节点+渲染，如果dom发生改变，你面对的将是，一大丢的js逻辑更改，字符串拼接的替换，不仅头疼，而且屁股也疼，vue

托天王的塔·2023-03-16 07:39

vue开发后台管理,进行不同设备适配

今日开发一个后台管理系统,验收阶段,用户要求使用pad来进行浏览操作直接用rem适配百度了一些方法,都不太适用后来杂七杂八都试了一下,总算可以了,记录一下一.需要安装1.postcssnpminstallpostcss--save2.postcss-pxtoremnpminstallpostcss-pxtorem--save//将css中的px转成rem3.lib-flexiblenpminsta

老板下碗面·2023-03-16 00:29

vue开发之keep-alive

概念 keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和transition相似，keep-alive是一个抽象组件：它自身不会渲染成一个DOM元素，也不会出现在父组件链中。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性原理在created函数调用时将需要缓存的VNode节点保存在th

夏一抹阳光_c717·2023-03-15 21:32

搭建VUE 开发环境

安装VUE开发环境在命令提示行(管理员模式)下面输入：npminstall--globalvue-cli检查VUE是否安装成功直接在命令提示行中输入VUEvue查看返回的结果是什么!

Shaka_Guo·2023-03-15 15:23

VUE开发中/deep/的使用其他写法v-deep:: vue3中写法 :deep(.img)

实际开发中经常会遇到一种情况，一个功能需求例如表格，可以直接使用element等组件库的表格组件，省时省力。但实际需求总不会是和组件完全一样的，UI会有各种天马行空的样式给你，例如这种表格样式这时候有两条路可选自己用原生手写一个，但对于初级菜鸟来讲极不友好，会浪费大量时间走弯路对组件原生样式进行改写而改写样式就需要用到/deep/样式穿透了/deep/VUE官方为了保证每个组件的css唯一性，避免

跳动的世界线·2023-03-15 04:16

基于node.js+vue开发的学生考勤管理系统84y43

目录1绪论61.1课题背景61.2课题研究现状61.3初步设计方法与实施方案71.4本文研究内容72系统开发环境92.1vue简介92.3B/S结构简介92.4MySQL数据库103系统分析113.1系统可行性分析113.1.1经济可行性113.1.2技术可行性113.1.3运行可行性113.2系统现状分析113.3功能需求分析123.4系统设计规则与运行环境133.5系统流程分析143.5.1操

QQ242219979·2023-03-15 01:55

记录一次Springboot解决跨域问题——都是泪啊！！！！！！

最近开发一个项目，采用SpringBoot+Dubbo（nacos和eureka版也可，我都试过了）和Vue开发。因为是自己写，所以要自己解决跨域（以前都不关心的），踩了好多坑，记录下来。

AceCream佳·2023-03-14 19:34

VSCode vue无法跳转定义函数

问题：使用vue开发，command+点击，发现无法跳转定义函数解决：安装vue-helper插件即可image.png

Cxetry_·2023-03-14 11:25

MPVue开发小程序采坑实战

1.使用axios发送网络请求解决办法:https://www.jianshu.com/p/71aa01ebe09c2.background-img不显示,解决办法:1)使用img标签绝对定位position:absolute;z-index:-1;(父控件不能指定背景色,否则背景图还是不显示)2)使用网络图片地址url3.在使用vant-weapp的时候,输入框van-field绑定的value

我的名字就这么长·2023-03-14 11:08

Vue UI测试框架storybook

而对于vue开发者，传统的开发方式是(前端开发/后端开发)–联调–测试。其中测试包括了白盒测试、黑盒测试。

ifredom1·2023-03-14 09:29

【vue随手笔记】Vue cordova 打包配置

在config目录下的index.js文件如下配置：配置.png说明：将原来的assetsPublicPath原来的后缀'/'换成'./'；将原来的dist全部改为www，其他的不需要变化，最后在vue的webpack目录下：npmbuilddev//或//yarnbuilddev最终生成的www目录在cordovacreateyourBuildLibrary此目录下，将之前vue目录下生成好的w

stormKid·2023-03-13 21:23

解决谷歌浏览器 Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider markin...

在使用vue开发的时候谷歌报警告Addednon-passiveeventlistenertoascroll-blocking'touchstart'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive

Javed·2023-03-13 18:10

Vue前端面试2021-016

Vue开发的应用一般都是单页面应用，通常情况下只有唯

大牧莫邪·2023-03-13 16:02

VUE开发--NPM组件开发

一、封装npm包1.使用vue-cli创建一个基础项目。vuecreatehuoniu8-scratch2.调整目录我们需要一个目录存放组件，一个目录存放示例，按照以下方式对目录进行创建。src\examples用作示例展示src\packages用于编写存放组件3.项目配置注：cli3提供一个可选的vue.config.js配置文件。//vue.config.jsmodule.exports={

无剑_君·2023-03-13 04:44

VUE项目国际化处理

前言：在大型项目开发中我们经常会遇到项目多环境，国际化（多语言切换），主题切换等常见业务场景，本篇博客分享在vue开发中借助vue-i18n处理国际化具体步骤。

谢栋·2023-03-12 12:30

推荐频道

Vue开发随手笔记