vue开发第31页

es6中的array数据和object对象

vue开发中常用到数组型变量和对象型变量，稍有不慎就会导致简单问题复杂化，但如果用好的话则将很多复杂问题简单化。

工程师54·2021-06-13 02:12

解决vue开发项目页面过多热更新加载过慢问题

下载npminstallbabel-plugin-dynamic-import-node--save-dev如果你使用的是：.babelrc就在.babelrc文件中添加image.png如果你使用的是：babel.config.js修改文件module.exports={presets:['@vue/app'],env:{development:{plugins:['dynamic-import

李仁平·2021-06-13 01:16

Vue优化9法

总结2019年3月vue开发大会CuillaumeChau发表的Vue性能优化9法其中包括：函数型组件子组件拆分局部变量或用v-show减少v-if使用keep-alive活用延迟加载(Defer)分批处理

瑞破破·2021-06-12 17:22

Vue开发问题整理

UI选择微信开发基于vue2.0Vux基于jqueryweuiapp开发vonicmint-UIVantMuse-UI桌面端IViewElemtUI插件使用很多人像我一样，刚开始的会安装很多插件，然后最后在项目中并没有用到。那之前安装的插件太多了，连自己都忘记了安装了哪些插件？package.jsonclipboard.jpg在上图所示位置，我们项目安装的所有的模块依赖都在这个pageage.js

HapplyFox·2021-06-11 20:49

vue.js实现上拉加载

由于我的是纯vue开发的，所以做了些优化和修改，先看下效果上拉加载.gif在Vue.js的钩子函数created里初始化加载数据，在钩子函数mounted中声明一个scroll事件监听，监听屏幕的高度变化

小程要谦虚·2021-06-11 09:17

Vue开发过程中，修改文件无法浏览器无法更新问题

标题中所描述的问题，相信很多程序员都会遇到过，但我相信遇到的大部分都是Linux的粉丝。当执行npmrunserve的时候，可能会由于权限的问题，导致修改的部分文件无法被vue实时读取，所以出现了这种情况，这是一种经验，应当铭记，这不能提高个人的技术，但是却是一种解决问题的经验。

渭小粉·2021-06-10 22:20

在win10中开启局域网可访问的服务

运行用vue开发的项目后，vue会开启两个服务Local和Networkimage.png其中Network就是vue提供局域网可访问的ip(在同一网络下的其他计算机可访问)，但直接访问是不行的，需要在

chen_chc·2021-06-10 17:17

Vue开发中使用Axios组件发送请求到Springboot接口，后端无法接收到请求数据

今天开始使用axios结合springboot开发项目，碰到了Vue开发中使用Axios组件发送请求到Springboot接口，后端无法接收到请求数据的问题，查阅了很多资料遂解决做一个笔记。

小马哥是没有感情的·2021-06-10 15:34

使用mpVue开发微信小程序记录

一、新增页面在src/pages下面新建文件夹，并且新建xxx.vue/main.js/main.json文件app.json文件新增页面路径ctrl+c退出npmrundev重新编译xxx.vue页面结构//...html注意：template标签下只能有一个根元素否则报错exportdefault{data(){return{//...数据}},methods:{//...方法}}//...l

呆毛和二货·2021-06-10 09:38

Vue UI：Vue开发者必不可少的工具

Fundebug·2021-06-09 21:47

一文搞懂redux在react中的初步用法

Redux是一个数据状态管理插件，当使用React或是vue开发组件化的SPA程序时，组件之间共享信息是一个非常大的问题。

·2021-06-09 18:39

尤大在 Vue的生态进展中提到的＜style＞动态变量注入是啥？

在VueRFC中有一个关于样式的提案SFCstyleCSSvariableinjection，这个RFC为Vue开发者提

前端小智@大迁世界·2021-06-08 08:48

Vue学习笔记

Vue开发请求本地数据的配置早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-template

LeoCong·2021-06-08 03:31

vue中post请求以 a=a&b=b 的格式

vue开发过程中，总会碰到一些问题，当然任何问题都不能阻止我们前进的脚步，话不多说，下面是我在开发过程中请求参数所碰到的问题1，在暂时没有后台数据的时候，post请求的参数大多会以name:a,age:

莫言_df49·2021-06-07 01:43

# Vue、Element-ui项目中如何使用Iconfont(阿里图标库)

我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。

武一顶顶·2021-06-06 22:43

MaxMall-Portal 前端项目

由于首次使用vue开发项目，代码中没有使用组件化开发在以后进度中会慢慢优化vue组件。

自负的鱼·2021-06-06 15:13

打字游戏（使用Vue开发）

这是一个打字游戏。规则如下1、当输入第一个字母的时候，开始计时，当完全输入正确，计时停止。并且不能继续输入。2、输入字母正确时显示为绿色，错误的显示为红色。3、输入正确后，点击刷新按钮，可以换题目。截图如下开始游戏页面输入正确页面你可以学习到以下知识点1、组件的全局使用。2、模版的使用。3、props。从父组件传递参数到子组件。4、自定义事件。子组件通过emit与父组件进行通讯。代码如下：打字游戏

南昌大魔王·2021-06-06 15:48

Vue开发使用Axios遇到了大坑！

使用Vue的axios连接部分正常，部分不正常，服务器状态码200，服务器端控制台也不报错。但是页面请求就是报错。使用iPhone手机报错，换华为安卓手机也是一样的报错，安卓手机不知道怎么调试，使用macOS的Safari浏览器可以调试iPhone手机浏览器，调试报错，但是不知道原因。就单纯报错，服务器是没有任何问题。错误代码是200。也就是说，我PC版本浏览器缩放成手机浏览器一切正常，真机报错，

嗯哼_9793·2021-06-05 08:44

试试前些天尤老师提起的VitePress | 尝鲜记

1.jpg大概内容是，今年Vue开发者数量还是有比较大的增长，Vue3周边库以及开发工具链都已经跟上了如Vuex4.0、VueRouter4.0以及Quasar、ElementPlus、AndDesignVue

深度剖析JavaScript·2021-06-03 18:39

适合前端Vue开发童鞋的跨平台Weex - SegmentFault 思否

基于Vue技术栈的你如果需要选用一种移动端跨平台框架，是Weex？React-Native？还是Flutter?无疑，相对于后两者，因为你现在已有比较熟练的Vue基础，如果在其他条件一致的情况，Weex无疑是最佳选择；但是Weex真的适合在实际项目中进行移动端跨平台开发吗？Weex的开发效率、Weex的质量是否满足需求？一、开发环境在这个Weexapp开发中，我的开发环境相关配置如下：工具名称版本

·2021-05-31 10:00

react悬案，组件间通信巨坑

当使用Vue开发的小菜鸟遇上了react的巨坑！！！还是直接上代码吧1.父组件i

一腔诗意醉了酒·2021-05-30 16:44

前端使用linux命令更新项目生产包与测试包命令

业务需求：把vue开发的项目打成dist.zip文件，丢到服务器去，通过域名进行访问。首先登录云管平台的账号和密码，找到对应的服务器，然后连接到堡垒机。在命令行进入到域名下的地址及目录。

孙叫兽·2021-05-29 20:38

vue开发异常记录

目录1、AlaterversionofNode.jsisalreadyinstalled.Setupwillnowexit.已经安装了Node.js的新版本。安装程序现在将退出。2、Componenttemplateshouldcontainexactlyonerootelement.Ifyouareusingv-ifonmultipleeleme组件模板应该只包含一个根元素。3、localhos

知青先生·2021-05-23 22:04

使用Vue Router导航钩子与Vuex来实现后退状态保存

不好意思，标题比较啰嗦，因为这次的流水账确实属于一个比较细节的小东西，下面详细讲：1需求最近在使用electron-vue开发一个跨平台的桌面端软件，刚上手写了几个页面，遇到一个问题：桌面端软件通常会有导航需求

changchao·2021-05-21 09:23

cordova-plugin-Scanner 二维码扫一扫

cordova-plugin-Scanner是供vue开发以及h5混合开发app，使用ios原生二维码扫一扫功能的cordova插件。

wkw0913·2021-05-21 04:11

Redux 和 React 集成

Redux是一个数据状态管理插件，搭配React特别合适，详细的用法可见Redux官网使用场景无论是移动端还是pc端，当你使用React或者vue开发组件化的SPA程序时，组件之间共享信息是一个非常大的问题

董董董董董董董董董大笨蛋·2021-05-20 01:06

vue应用页面跳转解析

vue开发的应用一般是单页应用，涉及到页面切换时，通常使用vue-router。然而一个页面可以包含多个组件，这里还通常涉及单页面组件的切换。

Weastsea·2021-05-19 23:01

基于Vue的树形菜单之两种方式实现

准备工作Vue开发环境父组件.png树形结构的数据data:[{name:'home',path:'/home',isExpand:false,meta:{text:'首

桃花谷主V·2021-05-18 05:22

浅谈vue内部运行机制

用vue开发也有段时间了，简直是爱死了vue这个轻量级的前端框架，代码模块化和数据双向绑定让我们很轻易能够编写出高效率的代码。随着代码越写越多，我们不仅要知其然，更重要的还要知其所以然。

feXiaojin·2021-05-17 23:50

记录一次vue开发遇到的坑（未完...）

1.vue.js组件添加事件.native是用来区分组件的事件和组件内部的事件，当然也可以是用的$emit('myClick')从组件内部派发事件来实现2.vue微信支付遇到的坑使用的vue-router的hash模式，所以页面的路径是www.ssss.com/shop/#/home的样子，但是微信支付目录验证不支持这种hash模式，所以在微信看来目录是错误。//Recharge.vuecreat

ismyshellyiqi·2021-05-17 19:29

我劝你别在数字键盘上刁难我——Vue自定义数字键盘组件

Vue自定义数字键盘前言最近做Vue开发，因为有不少页面涉及到金额输入，产品老是觉得用原生的input进行金额输入的话体验很不好，天天催着我找时间优化，原生控件还有优化个毛线，回去等死吧~绝望既然要用户体验

Cryptic·2021-05-17 13:06

使用react的7个避坑案例小结

1.组件臃肿React开发者没有创建必要的足够多的组件化，其实这个问题不局限于React开发者，很多Vue开发者也是。

·2021-05-17 11:24

封装axios

现在axios已经成为大部分Vue开发者的首选。（如果你还不熟悉axios，可以在这里查看它的API）。axios的API

champyin·2021-05-14 16:31

vue开发中在本地dev服务器访问后端API

在开发过程中需要在使用dev服务器时访问后端API时，可以让dev服务器将所有API请求代理到实际的后端。要配置代理规则，请在config/index.js中编辑dev.proxyTable选项。Vue的dev服务器使用http-proxy-middleware进行代理，可以参考其文档以获取详细的用法。这是一个简单的例子：//config/index.jsmodule.exports={//...

丶丶夏天·2021-05-14 15:26

vue开发环境下的前端代理

在开发的过程中，难免会遇到跨域的情况，记录一下vue的前端代理是怎么使用的。在vue.config.js中devServer配置，格式如下module.exports={devServer:{proxy:{'/test':{target:'http://10.0.1.226:8080',changeOrigin:true,pathRewrite:{'^/test':'/'}}}}以上配置的意思为：

stormeye_·2021-05-14 10:44

webpack4系列第八篇（环境变量和多环境配置）

在开发时可能会碰到多环境的情况，比如在开发时有一个开发服务器：http://localhost:8000，在上线的时候又会有一个正式环境的服务器：http:www.xxx.com,我们需要判断不同的环境来选择不同的服务器,在vue

Rosa_Lv·2021-05-13 17:34

vue开发之moment的介绍与使用

前言在日常开发中，我们常常会遇到以下几种场景：需要对日期进行非标准格式展示，如：2021年5月11日星期二下午6点42分需要对日期进行处理，如：要取前24小时的时间等在这时候用js原生的newDate()处理就有些麻烦了，因此我们找到了moment这个类库一、moment是什么？moment是一个JavaScript日期处理类库。安装moment如果之前安装过就不用再安装了。npminstallm

·2021-05-13 13:32

Vue学习3：Vue CLI

runtime-only的区别4.npm-run-build/dev三、VueCLI3的使用一、认识VueCLICLI是Command-LineInterface，命令行界面，俗称脚手架，vue-cli可以快速搭建Vue

Vivian小姐·2021-05-12 22:13

使用这 6个Vue加载动画库来减少我们网站的跳出率

对于Vue开发人员而言，有大量类似的库供我们使用。在本文中，分享6个我的最爱。1.VueSim

yigebeike·2021-05-11 09:15

HBuilderX简介与安装教程

③转为vue打造：提供比其他工具更优秀的vue支持，大幅提升你的vue开发效率。④清爽护眼：界面清爽简洁，绿柔主题经过科学的脑疲劳测试

遇见Time·2021-05-10 21:55

Vue开发指南之重点知识梳理

概述如果您是Vue开发的新手，您可能已经听过很多关于它的专业术语了，例如：单页面应用程序、异步组件、服务器端呈现等。

·2021-05-10 17:50

vue开发环境的搭建

第一步，安装node，安装成功后打开命令行输入node-v检测安装版本第二步，安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org第三步，可以输入这样一句升级cnpminstallcnpm-g第四步，安装vue命令cnpminstallvue第五步，接下来安装vue-cli命令cnpminstall--globalvue-

唯有她美·2021-05-10 12:29

Vue开发环境安装和配置

1安装开发环境nodejs（npm+cnpm）https://blog.csdn.net/wjnf012/article/details/80422313这个里边需要注意NODE_PATH文章中写错了，在第一个回复中，NODE_PATH应该是D:\ProgramFiles\nodejs\node_global\node_modules2安装vscode打开vscode，1、打开终端2、在终端执行：

恒哥的爸爸·2021-05-09 22:22

windows系统搭建vue开发环境

一、安装node.js1.下载地址：Download|Node.js2.安装node.js3.安装node.js4.node.js安装成功后，打开cmd命令窗口，检查node.js是否安装成功5.输入node-v，命令如下所示：node-v6.cmd命令窗口出现node.js版本号，则表示安装成功；如下图所示：二、安装vue-cli脚手架工具1.安装VueCLI，安装命令如下：npminstall

卡五星·2021-05-09 14:53

2019-02-14

整体开发体验个人感觉不太好，特别是如果之前习惯了Vue开发，突然去开发小程序，感觉很鸡肋。

水手007·2021-05-09 12:35

uniapp从0到1开发指南, 跨平台开发新手必看

前排提示:非推广软文微信公众号:因卓诶；此文已同步到因卓诶blogUniapp这两年是Vue开发者很喜欢的跨平台开发框架，作为一个国产开发框架，其实文档和周边工具都对国人非常友好，但是由于框架本身的跨多端所以从诞生以来都被很多开发者诟病

因卓诶·2021-05-09 08:39

Spring Boot + Spring Security + JWT + Vue 权限控制

SpringBoot+SpringSecurity+JWT+Vue权限控制使用springboot+springsecurity+vue开发了一个demo，完善了权限管理的功能，接下来要介绍本项目使用的技术和架构思路

板凳儿儿·2021-05-07 20:31

Vue如何使用Day.js计算常用日期详解

Vue如何使用Dayjs计算常用日期详解在使用vue开发项目时，前端常常需要计算一些日期时间，如：计算周月截止日期计算XX天前/后的日期将时间戳转换为日期（YYYY-MM-DD）计算月天数日期转时间戳推荐一个轻量的处理时间和日期的

陈情令·2021-05-07 17:25

详解Vue开发网站seo优化方法

因为用了vue等js的数据绑定机制来展示页面数据，爬虫获取到的html是模型页面而不是最终数据的渲染页面，搜索引擎是不回去执行请求到的js。vue的项目都是ajax请求数据，引擎爬虫进入页面获取不到文字内容，现在大多数解决方案是不采用ajax渲染数据，而是采用server端渲染，也就是所谓的SSR。目前基于vue的方案是Nuxt.js，同类型的也有React版的Nuxt.js所以服务端渲染就是尽量

·2021-05-07 14:33

Vue开发网站seo优化方法