Vue开发随手笔记第48页

Ant Design Pro of Vue 开发环境搭建

前言AntDesignProofVue开发环境琢磨了1天终于搭建好了。

HiveMe·2020-08-13 19:26

VueJs入门练习

开始阅读Vue官方文档，学习Vue开发。Vue可以让前端数据绑定和渲染更为方便，但要做出一套漂亮的界面，还是需要使用CSS相关的框架。

百家晓东·2020-08-13 19:39

VSCode(Visual Studio Code)使用记录

二、添加扩展1.VeturVSCode下强大的Vue开发工具。2.VSCodeGreatIconsVSCode图标库。

shizhesx·2020-08-13 18:52

在Vs code配置属于自己的Vue开发环境

第一项：安装VScode直接去神奇的官网下载安装就好了(这是神奇的链接，点我直接到下载地址哦)至于安装。。。选好安装位置就直接疯狂Next就好啦！第二项：配置中文操作页面安装好打开新鲜火热的VsCode，使用ctrl+shift+x快捷键打开VsCode的插件商店搜索Chinese(simpleflied)Language就是下面这货安装之后，点击右下角的restartnow，中文操作页面搞定第三

天雷丶祭·2020-08-13 17:27

记一次vue开发经验小结

虽然已经不是第一次使用vue开发前端，但是这次是第一完完全全从零开始的，部署的时候遇到一些问题，在这里记录一下。

fz250052·2020-08-13 14:20

Vue开发微信公众号默认背景为灰色

最近公司有一个项目，使用Vue开发微信公众号，开发过程遇到一个问题，即设计图的整体背景是白色的，但是公众号里默认的背景是浅灰色，如果某个页面高度没能占满一屏，就会露出浅灰色的默认背景，会显得很不协调。

a1346270·2020-08-13 12:59

vue-cli脚手架build目录中的webpack.base.conf.js配置文件

此文章用来解释vue-cli脚手架build目录中的webpack.base.conf.js配置文件此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置关于注释当涉及到较复杂的解释我将通过标识的方式

搁浅的海豚·2020-08-13 12:00

有关vuecli的一些知识汇总

使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置vuecli前提：安装Node官网：http://nodejs.cn/download/检测安装版本：命令行node

Weightlessly·2020-08-12 18:56

avue-crud 给table的row设置样式

最近使用avue开发前端，遇到了一个问题，给表格的row加样式，看了avue的官方文档，发现确实能解决我的问题，于是我照着官方文档的方式写进了我的代码中，官方文档是这样的：但是当我在控制台打印的时候，却不进入这个方法

若青儿2020·2020-08-12 18:28

Vue控制某个页面不显示导航栏

发现问题今天在使用Vue开发项目的过程中遇到一个小问题，在此记录一下。

嘟狗·2020-08-12 16:58

为vue开发准备的一份es6语法笔记

为什么80%的码农都做不了架构师？>>>结构赋值1.数组解构赋值以前我们定义n个变量如下：vara=1;varb=2;varc=3;es6为我们提供了数组形式的结构赋值，我们可以批量设置：vara=1;varb=2;varc=3;//同上var[a,b,c]=[1,2,3]数组的结构赋值会按照我们的设置顺序把对应色设置到相应位置我们还可以使用...符号把最后的都设置到一个变量上：var[a,b,.

weixin_34008805·2020-08-12 16:52

一款基于vue开发的简单图片滑块验证码

有部分项目里会出现这样的一个功能:github:https://github.com/langyuxiansheng/slider-verification-code对的,就是滑块验证码.我做了一个比较简单的,在网上看了一些轮子,居然不是完全适用的,然后借鉴了一部分,然后封装为vue的组件.废话不多说,直接上代码:直接安装使用npmislider-verification-code--saveim

狼丶宇先生·2020-08-12 14:25

重磅！！！Vue3.0快速入门-数据渲染

今早Vue开发者尤老师发布微博宣布Vue-next版本到来Vue3.0beata版本github传送门：Vue3.0beta版本文档地址使用vuecreatexxxx创建vuecli3项目打开package.json

七月的小迷弟·2020-08-12 14:48

Vue页面打印，解决退出页面失效的问题

VUE页面打印在使用vue开发的时候，涉及到页面的打印功能，页面的按钮可能需要多次打印，可能取消之后重新操作，在使用对document.body.innerHTML重新赋值的方法可能导致打印之后需要重新刷新页面

三书yjy·2020-08-12 12:28

Vue-Cli 3.x脚手架的安装使用

它是vue.js开发的标准工具，它已经集成了Webpack，内置了很多常用的配置，使得我们在使用Vue开发项目时更加的标准化。2、作用：通过Vue-Cli下载项目模板。

wfq_w553508682·2020-08-12 00:01

VUE开发移动端使用rem和引入组件库像素比例不同的问题

px、em、rem区别介绍postcss引入postcss-pxtorem并配置postcssnpminstallpostcss-pxtorem--save-dev根目录没有postcss.config.js新建一个module.exports=({file})=>{//项目引入了vantui,使用的像素比例跟项目设计图的不一致，配置对vant文件使用更小的rootValueletrootValu

weixin_42309175·2020-08-12 00:37

vue开发移动端h5使用 lib-flexible移动端适配

在做h5的时候，考虑到移动端的适配问题，以及px像素的问题项目中使用lib-flexible一、项目中安装lib-flexiblenpminstalllib-flexible--save二、在项目的入口js文件中引入lib-flexibleimport'lib-flexible'三、修改index.html的mate属性-->my-firsth5使用px2rem-loader自动将css中的px转

cyclv·2020-08-12 00:21

5个Vue.js项目的模板

>>>开发人员查看使用SPA，Webpack，身份验证，GraphQL，文档和测试的Vue开发人员的资源。你准备开始一个重要的Vue项目吗？

weixin_34265814·2020-08-11 23:24

解决npm install时报错无法安装chromedriver的问题

最近使用vue开发了一个前端项目，开发好后准备部署到服务器上。

weixin_34177064·2020-08-11 23:43

Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决

最近遇到一个问题，用Vue开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧手机上出现白屏问题。

weixin_34015566·2020-08-11 23:31

安装vue开发调试神器vue-devtools

下载chrome扩展插件GitHub下载地址：https://github.com/vuejs/vue-devtools使用cnpm代替npm按照依赖包了，npm安装依赖包确实太慢了…cnpm安装查看上篇文章下载chrome扩展插件完成后打开命令行cmd进入vue-devtools文件夹,输入命令cnpminstall1如果在安装时报错[fsevents@^1.0.0]optionalinstal

uwenhao2008·2020-08-11 23:27

解决vue低版本ios，安卓手机浏览器打开H5页面空白的问题

低版ios手机ios8,ios9,安卓6以后的自带浏览器打开VUE开发的H5页面有时候会出现白屏的问题，这是因为vue项目中es6的方法和语法在这些低版本的手机上不支持，解决办法es6转es5一般网上说的流程较为顺利

睿骞·2020-08-11 22:16

配置NODE开发环境使用vue-cli脚手架搭建VUE—Admin项目

一、Linux系统下搭建VUE开发环境1、下载NOED安装包（手动下载或wegt下载）手动官网下载并scp上传至linux服务器下载SCPwin工具即可进行上传或者最原始的rzsz命令具体操作如下yuminstall

Liquor_Ruby·2020-08-11 22:35

Vue2项目架构搭建（九）—— 打包项目

vue开发的东西基础架构已经搭建完成，还有很多关联的插件，具体等以后用到再补充，最后就是项目打包。

摸路·2020-08-11 22:56

解决vue prop 值异步获取问题

今天碰到vue开发父子组件prop传参的问题，情况是这样的：子组件需要一个参数value（以后均有该参数表示父子组件的参数），所需value需由父组件通过prop传入，父组件中的value初始值为空，在

kouhunzhe·2020-08-11 21:06

vue cli的vue-ruter简单介绍

CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架.VueCLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack

Eva_kevin·2020-08-11 21:32

VS Code 新建vue文件初始化模板

前言在使用VSCode进行vue开发的时候，我们可以充分现有的vue插件进行智能提示，可以提高开发效率，但是，在VSCode中新定义.vue文件时，生成的是空白的文件页，我们需要手动创建模板非常繁琐。

idomyway·2020-08-11 21:59

Vue开发中的移动端适配（px转换成vw）

1.项目根目录下，创建.postcssrc.js文件。2.安装插件。-D（开发依赖）postcss-importpostcss-urlcssnano-preset-advanced-S（开发、运行都依赖）postcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextcssnanopostcss-view

dengdi8489·2020-08-11 21:54

spring boot 集成 ehCache

⊙﹏⊙b随手笔记，比较简单，想要具体了解的可以网上看看大神的博客问题（1）、springboot集成了ehcache，配置了过期时间timeToIdleSeconds，发现就是不生效，问度娘后才知道需要在

chouhejie5490·2020-08-11 21:25

Vue CLI

CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架.VueCLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建Vue开发环境以及对应的webpack

zlppassion·2020-08-11 20:16

vue移动端项目使用第三方ui框架适配rem的问题

近期使用vue开发移动端项目，引入了mint-ui框架。由于mint-ui框架中css样式使用了px作为单位，无法使用rem适配不同设备的屏幕。

weixin_33695082·2020-08-11 20:09

如何用vue-cli创建一个项目

：通常我们把它叫做Vue脚手架在使用Vue开发的时候，我们会用到好多工具，webpack，babel，eslint....在使用这些工具的时候，我们需要自己手动配置好多内容，这些内容配置太过繁琐。

灯光下的投影·2020-08-11 20:47

TypeError: Cannot destructure undefined

在Vue开发时遇到的一个bug,太容易忘记了,记一个笔记:挺烦的一个bug,只知道好像是解构出了问题,但是不知道是哪里的问题,仔细看了一下,我发现有两个问题:问题一:解构的数据一定是要有值在里面的,没有值的解构是一定不可以的

Ryan_black·2020-08-11 20:13

mpvue小程序加载不出图片 Failed to load local image resource /images/xx.png

mpvue开发小程序时候，要添加静态本地图片会报错：VM14878:2Failedtoloadlocalimageresource/images/bg.pngtheserverrespondedwithastatusof404

一波万波·2020-08-11 19:31

浅谈Vue中计算属性computed的实现原理

虽然目前的技术栈已由Vue转到了React，但从之前使用Vue开发的多个项目实际经历来看还是非常愉悦的，Vue文档清晰规范，api设计简洁高效，对前端开发人员友好，上手快，甚至个人认为在很多场景使用Vue

weixin_34347651·2020-08-11 19:57

MpVue 致力打造H5与小程序的代码共用

使用vue开发小程序修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中使用vue语法开发，编译为小程序语法一套vue程序h5+小程序Vue组件规范，熟悉vuejs即可开发小程序比

weixin_34122548·2020-08-11 19:07

关于使用vue开发webpack.config.js配置问题。

最近学习vue,并想用vue开发项目，既然如此肯定抛不开webpack的使用，虽然vue已经提供了vue-cli脚手架，但是不妨自己配置一下，加深理解，本文发布主要方便自己记忆。

weixin_33788244·2020-08-11 18:11

mpvue开发小程序所遇问题及h5转化方案

weixin_33754065·2020-08-11 18:10

mpvue开发探坑实录

首先说明一下为啥使用mpvue。这次项目是商城开发，要求同时上线小程序与微信公众号。为了后期的维护与迭代方便，计划一套代码多平台共用。对于无法共用的代码使用webpack在打包时进行区分（具体实施方法是组长完成的）。在此记录一下开发过程中遇到的坑（大多都是mpvue/小程序遇到的坑），与诸君共勉。1.mpvue大数组更新①具体任务在菜品列表里，需要对全部菜品(大概20到1000不等)的菜品进行列表

weixin_33726318·2020-08-11 18:06

利用mpvue开发微信小程序

于是便在网上寻找小程序开发教程，相比于相生的小程序开发，本人更倾向于美团的mpvue框架，因为此框架是基于vue开发的，而恰恰我前端开发技术就是vue，甚是美哉，花了半天时间学习了一下mpvue，便开始了小程序开发之旅

weixin_30515513·2020-08-11 18:02

axios post请求后台获取不到参数

使用vue开发项目，ajax打算使用axios（听说很牛逼，就想试试）。结果发现post请求后台获取不到参数。

曹亚其·2020-08-11 18:37

mpvue开发微信小程序，在vue中能用，但在mpvue中不支持的地方

mpvue是使用vue.js开发微信小程序的前端框架，这篇文章主要说一下，开发微信小程序过程中遇到的在vue中支持，但在mpvue中不支持的地方：（1）不支持v-html。因为小程序没有dom的概念。（2）不支持部分javascript渲染表达式，如：{{getDesc(song)}}{{createTime|format}}0&&code==10001"class="error">{{error

yumihe·2020-08-11 17:55

使用mpvue开发小程序踩坑记

1.未找到入口app.json文件，或者文件读取失败，请检查后重新编译。如图所示！先说一下网上统一的解决办法（相信你要是解决了，就不会看到我的文章了）：（1）如图所示，修改"miniprogramRoot":"./dist"=====》"miniprogramRoot":"./dist/wx/"。如果没去改过的话，其实问题并不出在这里面。（2）在根目录下找到package.json，修改"mpvu

向风来·2020-08-11 16:35

mpvue 使用 wafer2-client-sdk 登录

client-sdk2在页面中引入wafer2-client-sdk3直接copy链接页面上的代码链接:https://www.npmjs.com/package/wafer2-client-sdk4修改由于是使用mpvue

变强啊三少奶奶·2020-08-11 16:59

mpvue开发小程序项目遇到的问题

mpvue项目最近用mpvue开发了一个家庭私人医生签约的小程序项目。记录总结一下，开发过程中遇到的一些问题。关于页面进栈出栈的状态值问题页面进出栈，会触发onLoad/unLoad事件。

weixin_30846599·2020-08-11 15:09

mpvue开发微信小程序用户登录功能的实现过程

资料预习：1.一次性授权常规写法，需要获取用户公开信息（头像，昵称等）时，判断调取授权登录接口，但是此方法如果不经处理的话用户如果拒绝授权或者删除该微信小程序后需要重新调取并获取用户公开信息（头像，昵称等），此方法用户体验较差，不建议使用；2.永久授权在不必要使用用户公开信息（头像，昵称等）时，不调取授权登录接口，只有在必要的时候再去判断调取授权登录接口并把获取到的用户公开信息存入数据库，这样在每

qq_42991509·2020-08-11 15:44

使用mpvue开发小程序

由于mpvue框架是完全基于Vue框架的（重写了其runtime和compiler），因此在用法上面是高度和Vue一致的（某些功能由于受限于小程序环境本身的原因而不能使用），这给使用过Vue开发Web应用的前端开发者提供了极低的切换门槛来开发小程序

Baby Lee·2020-08-11 15:00

记录使用mpvue开发小程序常常遇到的坑

1、保存全局状态的问题我们在vue项目中，一般都会使用vuex。在react中，一般都会使用redux。那在小程序中呢？答案是，还是可以使用vuex。mupve初始化项目后，有一个页面模板就是使用了vuex。但是，我一般来说，都是需要全局的store，而不是局部页面的。那如何配置解决呢？新建一个store后，然后在主入口，main.js中来关联配置。importVuefrom'vue'import

qq_42991509·2020-08-11 15:32

深入Vue实现原理，实现一个响应式框架

在开始我们的MVue开发

weixin_34096182·2020-08-11 14:52

简单模拟Vue响应式原理

基于Vue开发时，数据模型就是普通的JavaScript对象。数据响应式的核心是：当

皮蛋很白·2020-08-11 13:09

推荐频道

Vue开发随手笔记