vue开发第52页

Django+Vue开发生鲜电商平台之8.商品详情页功能实现

文章目录一、viewsets实现商品详情页二、热卖商品实现三、用户收藏功能实现1.用户收藏接口实现2.DRF权限验证3.前端Vue实现收藏功能不走康庄大道，我自己喜欢做什么要比别人怎么看我更重要。——李彦宏Github和Gitee代码同步更新：https://github.com/PythonWebProject/Django_Fresh_Ecommerce；https://gitee.com/P

cutercorley·2020-07-30 11:05

Django+Vue开发生鲜电商平台之3.数据模型设计和资源导入

文章目录一、项目初始化二、数据模型设计1.用户数据模型设计2.商品数据模型设计3.交易数据模型设计4.用户操作数据模型设计三、xadmin后台管理系统的配置四、数据迁移和数据导入1.migration原理和表的生成2.导入商品类别和商品数据永远不要跟别人比幸运，我从来没想过我比别人幸运，我也许比他们更有毅力，在最困难的时候，他们熬不住了，我可以多熬一秒钟、两秒钟。——马云Github和Gitee代

cutercorley·2020-07-30 11:04

Django+Vue开发生鲜电商平台之1.项目介绍

文章目录一、项目概览二、项目技术要点三、项目预览我永远相信只要永不放弃，我们还是有机会的。最后，我们还是坚信一点，这世界上只要有梦想，只要不断努力，只要不断学习，不管你长得如何，不管是这样，还是那样，男人的长相往往和他的的才华成反比。今天很残酷，明天更残酷，后天很美好，但绝对大部分是死在明天晚上，所以每个人不要放弃今天。------马云本项目旨在使用Django、Vue和RESTFramework

cutercorley·2020-07-30 11:04

Django+Vue开发生鲜电商平台之2.开发环境搭建

文章目录一、PyCharm的安装和简单使用二、MySQL和Navicat的安装和使用三、Python的安装四、虚拟环境的安装和配置五、Vue开发环境搭建一、PyCharm的安装和简单使用由于开发的主要后端语言是

cutercorley·2020-07-30 11:34

Django+Vue开发生鲜电商平台之7.用户登录和注册功能

文章目录一、DRF的token基本使用1.DRF的token登录原理2.viewsets设置认证类二、JSONWebToken登录1.JWT原理2.使用JWT完成用户认证3.Vue和JWT接口调试三、用户注册功能实现1.云片网发送短信验证码2.DRF实现发送短信验证码接口3.用户序列化和验证器4.密码设置的多种方式四、Vue实现注册功能聪明是智慧者的天敌，傻瓜用嘴讲话，聪明的人用脑袋讲话，智慧的人

cutercorley·2020-07-30 11:11

预测师的随想系列三：再见啦，Vue

个人开发者（后端方向）可以用Vue开发组件。耗子叔说过，React更符合后端工程师的语言。而Vue是更符合前端工程师思维的语言。那学哪个呢？学好

预测师·2020-07-30 11:04

Visual Studio Code 前端相关配置（vue开发）

最近看到网上VScode挺火的，也下了一个玩了玩，总结了一些配置，一些插件。都是一些我自己用的配置插件。仅供参考。主题的话，我个人还是觉得Monokai最舒服，毕竟是sublime起家的。通用插件HTMLSnippets超级实用且初级的H5代码片段以及提示HTMLCSSSupport让html标签上写class智能提示当前项目所支持的样式新版已经支持scss文件检索vscode-icon让vsco

Dreamer_xr·2020-07-30 10:38

# vue-cli中使用Less全局变量,无需一次次导入

96Jerry_lxb关注2018.04.2520:45字数335阅读341评论2喜欢6在vue开发前期准备工作中..遇到这样个问题。想把共有的变量封装在variable.less里。

小杰的简书·2020-07-30 10:58

Vue开发环境代理设置

如何解决跨域问题?理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域出于安全考虑，服务器不允许ajax跨域获取数据，但是可以跨域获取文件内容，所以基于这一点，可以动态创建script标签，使用标签的src属性访问js文件的形式获取js脚本，并且这个js脚本中的内容是函数调用，该函数调用的参数是服务器返回的数据，为了获取这里的参数数据，需要事先在页面中定义回调函数，在回调函数中处理服务器返回

一月清辉·2020-07-30 06:59

Vue开发环境配置（一）

一、安装node到node官网:https://blog.csdn.net/wulala_hei/article/details/85000530下载系统对应版本安装即可。npm是node的一个包管理工具，在node安装完成之后就可以使用npm.二、安装vue-cli什么是vue-cli???vue-cli是前端开发的一种脚手架工具。那么什么又是脚手架工具呢？类比于建筑学上，脚手架指施工现场为工人

weixin_34283445·2020-07-30 03:43

基于vue的web前端性能优化

1.问题引入使用vue开发项目，部署后发现web端性能较差，存在内存大量占用。特分析此项目，优化基于vue的web端性能，以提升用户体验。

weixin_34148508·2020-07-30 03:01

react状态管理工具----redux和react-redux的使用

Redux是react的一个比较经典的状态管理工具，相当于vue中的vuex，无论是移动端还是pc端，当我们使用React或者vue开发组件化的单页面程序时，组件之间的通讯，也就是信息共享是一个非常大的问题

riguangzhixia·2020-07-30 00:52

mpvue开发微信小程序去掉目录的main.js

mpvue每个页面必须对应一个main.js，导致每个页面都需要建一个目录，目录下方建一个main.js，感觉非常的繁琐有大神开发了mpvue-entry插件1.安装插件npminstallmpvue-entry2.来到项目（mpvue-project）下方的build->webpack.base.conf.js文件constMpvueEntry=require('mpvue-entry')mod

qq_42221334·2020-07-29 23:41

从零搭建 Vue 开发环境

PS:本文首发于个人公众号：Java技术大杂烩，欢迎关注查看更多原创技术文章前言环境搭建项目结构介绍Vue开发相关知识axios使用VueRouter路由使用Vuex状态管理总结前言由于最近公司需要做H5

Java技术大杂烩·2020-07-29 23:16

uni-app引入iconfont矢量图各种坑

uni-app是什么uni-app是一个借鉴Vue.js、小程序、mpVue开发跨平台应用的前端框架。通过编写一套代码，将其编译到iOS、Android、微信小程序等多个平台。

Zero游戏人生丶·2020-07-29 23:20

uni-app引入iconfont的坑

uni-app是什么uni-app是一个借鉴Vue.js、小程序、mpVue开发跨平台应用的前端框架。通过编写一套代码，将其编译到iOS、Android、微信小程序等多个平台。

Zero游戏人生丶·2020-07-29 23:19

windows环境搭建Vue开发环境

一、安装node.js（https://nodejs.org/en/）node-v8.11.0-x64.msi下载完毕后，可以安装node，建议不要安装在系统盘（如C：）。二、设置nodejsprefix（全局）和cache（缓存）路径1、在nodejs安装路径下，新建node_global和node_cache两个文件夹2、设置缓存文件夹npmconfigsetcache"D:\vueProje

pugongying1988·2020-07-29 21:59

vue开发之代码规范eslint

ESLint 不管是多人合作还是个人项目，代码规范都是很重要的。这样做不仅可以很大程度地避免基本语法错误，也保证了代码的可读性。准备工作一、VSCodeESLint插件ESLint插件用于根据工程目录的.eslintrc.js配置文件在编辑器中显示一些错误提示。ESLint插件安装二、基于vue-cli创建项目具体步骤如下：创建项目创建的时候把Linter/Formatter选上(默认已选上)下一

lihuanan123·2020-07-29 20:01

腾讯云后台本地开发环境搭建

用mpvue开发小程序，如果自己部署，需要购买域名，空间，购买https证书，使用pm2+nginx自己部署。

从小就很瘦·2020-07-29 17:01

vue开发环境修改本地启动的端口号和开启https

categories:[前端,vue]thumbnail:/images/fe/leetcode.jpgtoc:truevue开发环境修改本地启动的端口号当我们使用脚手架搭建项目时，react当中开发环境默认端口号是

Aurora-zxh·2020-07-29 14:21

APP布局之高度自适应【适合任意手机】【js获取手机屏幕宽度、高度】

屏幕可用工作区高度就是你手机的实际高度，用vue开发的话代码案例【一定要加上单位px，否则没效果】：exportdefault{name:'app',data(){return{app_height:`

比特币爱好者007·2020-07-29 12:47

Vue2.x-04Vue插值、数据绑定、样式绑定、过滤器

文章目录概述Vue实例启动入口App.vue分析Vue的基本组成部分插值数据绑定v-for渲染数组v-for渲染对象属性样式绑定过滤器App.vue概述Vue2.x-03使用vue-cli搭建Vue开发环境搭建好了开发环境

小小工匠·2020-07-29 07:03

调用微信JS-SDK上传图片爬坑之路

最近最用vue开发微信服务号，也是第一次调用微信的sdk，（先吐槽下自己断断续续的整理一个星期才搞出来）日了狗了，坑太多，更多是ios不兼容，图片不显示呀，不能上传多张啦这里就可以帮你解决！

lume博客·2020-07-29 06:04

vue开发实现单选多选功能

单选：只能选择一个代码：：（循环集合cities，点击哪个传值索引index，给对应的索引加上类名，初始化默认n为0）{{c}}varapp=newVue({el:".box",data:{cities:["物流不限","买家物流","卖家物流"],n:0},methods:{changeList(index){this.n=index;//this指向app}}})多选：（同时选中多个）代码：（

qq_42221334·2020-07-29 06:26

【手把手教】SpringBoot+Vue开发简单的前后端分离系统

git:https://github.com/2020GetGoodOffer/test安装node和vue首先安装node.js，下载地址：node.js下好后.exe直接安装就行了，然后在命令行通过node-v查看是否安装成功然后初始化，通过nodeinit完成，一路按回车就行然后设置一个镜像点，不然可能因为网速问题一直无法成功之后下载vuenpminstall-g@vue/cli等待一段时间

2020GetGoodOffer·2020-07-29 06:16

Vue开发那些事——iview导入，使用，以及常见问题

npm安装ivew——$npminstalliview--save引入iView#一般在webpack入口页面main.js中如下配置：importVuefrom'vue';importVueRouterfrom'vue-router';importAppfrom'components/app.vue';//路由挂载importRoutersfrom'./router.js';//路由列表impo

一蓑烟雨_8a41·2020-07-29 05:08

使用Vue开发留言列表

通过学习《Vue.js实战》的留言板demo更好地掌握vue的相关知识，大部分代码都和书上的一致，我做了修改使用vue模板而不是html。源代码:https://github.com/zndada/learnVue效果图项目整体结构├──src项目代码│├──common公共js库│├──components组件││├──vInput.vue昵称输入框组件││├──vList.vue留言列表组件│

爱编译也爱吃肉的喵·2020-07-29 03:55

使用Vue开发移动端项目初始化需要

1、增加移动端适配标签|2、将reset.css放入styles，引入reset.css文件，初始化css；在main.js中引入import'styles/reset.css'@charset"utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,

xyphf_和派孔明·2020-07-29 01:57

vue学习总结(三,案例用vue开发网易云音乐(已实现在线播放和下载))

效果如图:完整代码:Documenthtml,body{height:100%;padding:0;margin:0;}#app{height:100%;display:flex;}#app>#left{flex:1;background-color:skyblue;text-align:center;/*超出滚动*/overflow:scroll;}#app>#right{flex:1;back

庚中·2020-07-29 00:27

Vue中获取input输入框值的两种方式

在使用Vue开发中，我们会常常获取input框的值，在这跟大家总结一下我常用的两种方式。使用ref获取input框的值注册已有账号？

尼达叶蹦蹦呛·2020-07-28 23:04

vue开发移动端项目环境部署一

项目名程：《移动端商城》技术栈Vue2.0+vue-router+vuex+axios+mock.js(数据模拟)+ES6+sass目录结构src下componentsassets静态资源文件view一级路由组件router路由storevuex状态中心main.js入口文件httpaxios封装，api封装，mockjs接口文件开发步骤一、开发环境统一在index.html中，meta标签添加，

星空之火@田兴·2020-07-28 22:51

vue项目如何使用nginx配置跨域

最近使用vue开发一个功能，npmrunbuild之后打包的代码放在了a.com.cn下但是php接口部署在了b.com下，那么问题来了，如何让后端接口支持跨域。

小迪的博客·2020-07-28 14:29

vue中touch和click共存的解决方式

在vue开发手机端项目时，我们经常会遇到touch和click共存的情况，比如城市选择页面的字母滑动touch事件在手机端会触发浏览器滑动，所以应给touch事件添加阻止默认行为touchmove.prevent

·2020-07-28 13:39

Vue安装Vue Devtools各种坑

应为主要使用vue开发。所以想装一个VueDevtools的浏览器插件，但是不管是去github上下载vue-devtools的压缩包，还是直接克隆下来，安装好依赖以后打包的时候总会有问题。

华子_tm·2020-07-28 13:23

前后端开发bug:python+vue开发图片验证码接口时，刷新浏览器不显示图片验证码，点击以后才可以显示和切换

现象:刷新浏览器页面，图片验证码不显示，点击图片验证码区域以后，才能显示也可以切换显示下一个。排查思路：调用开发者工具，检查是否向后端发起获取图片验证码请求。如果生成了图片uuid编号，发送了请求，则问题出在服务器端。查看后端日志，检查接口及视图。如果没有发送请求，定位前端问题。可以点击切换图片，证明绑定了src链接,绑定了click单击事件，页面加载时没显示，需要注意请求钩子mounted最终定

生有涯，知无涯·2020-07-28 08:07

vue开发结合element-ui的一些常见问题

最近在做vue移动端的一个后台项目，主要用elment-ui框架，也有用mtni-ui。你可能会问为什么要用两个饿了么的框架，首先呢，作为新手的自己，在想用table组件时，发现mint-ui没有这个组件，还有一个原因，mtni-ui官网老是打不开，后来就用上了element-ui。也有个疑虑，一个项目中用太多框架不太好？！下面自己做个笔记，记下自己遇到的点。1.在用element-ui时，很多情

夕阳下美了剪影·2020-07-28 07:25

SyntaxError: Unexpected token import

在使用vue开发项目时，在build\webpack.dev.conf.js文件中使用import导入文件时报SyntaxError:Unexpectedtokenimport错误，经过查找后发现是es6

StarFishing·2020-07-28 07:21

Vue开发小白笔记（一）

这是一篇写给自己的笔记，如果不是和我一样从负开始学习Vue的同学，还是不要看了。。。才毕业，之前在学校一直在学习移动端开发的知识（现在也快忘了。。）。如今工作，需要学一些移动端网页的制作。从零学习前端，一个月的时间，每天下班回来学一点。先对这段时间的学习做个回顾。（主要是怕自己忘。。）以前和大神合作过Asp.Net的网页，基本划水，自己做过html的简单页面，仅仅限于了解了html的尖括号语法。。

myz129·2020-07-28 04:11

配置自动格式化功能

该配置用于vue开发，最终效果是保存时自动根据eslint对js、html和css代码进行格式化。

明明明Mk·2020-07-28 03:29

workflow仿钉钉审批流程设置

workflow钉钉审批流程设置workflow钉钉审批流程设置，基于vue开发线上开源地址https://github.com/StavinLi/Workflowgithub点个星吧！

Stavin Li·2020-07-28 03:29

vue开发项目引入vuex

对于vuex的意义不啰嗦的讲一句话：存储公共变量的地方那么在实际项目开发中是怎么引入的呢？跟我们在文档上的有何区别呢？在官方文档上，一般demo是写在vm实例文件上的，而实际开发中，保持文件作用的统一性我们通常新建一个新的文件或者文件夹来盛放我们的功能代码，比如说我们的路由模块第一步：先下载vuexnpminstallvuex--save第二步：在main文件中引入使用importstorefro

jiuweiyy·2020-07-28 00:50

【vue开发环境搭建】从 vuejs环境搭建到组件化编程----Hello World！

一、vuejs开发预备知识Nodejs是一个Javascript运行环境(runtime)。实际上它是对GoogleV8引擎进行了封装。npm是包管理工具，允许用户从NPM服务器下载别人编写的包或命令行程序到本地使用，允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。webpack是静态资源打包工具，grunt和gulp是自动化构建工具，grunt和gulp二选一就可以。vue（读音

晚秋星辰·2020-07-27 21:27

SpringBoot和VUE源码直接整合打包成jar---采坑记录

一、前言springboot是要打成jar包运行的，项目采用了前（VUE）后（SpringBoot）端完全分离，开发完成后需要整合到一起发布，这就要引出这篇博客的由来了；一开始的时候是前端VUE开发完成后打成

追到乌云的尽头找太阳·2020-07-27 20:46

vue指令v-for报错：Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue

报错：在使用VScode编辑器vue开发过程中，v-for在Eslint的规则检查下出现报错：Elementsiniterationexpecttohave‘v-bind:key’directives报错页面

小吴同志你好呀·2020-07-27 19:24

10个vue快捷开发技巧助你成为中级前端工程师！

前言一般在组件内使用路由参数，大多数人会这样做：先赞再看，养成习惯~今天分享十个vue开发技巧给大家，中级前端工程师1.路由参数解耦exportdefault{methods:{getParamsId(

无畏9y·2020-07-27 17:24

Vue3-组合式API

Vue3-组合式API大多数前端VUE开发者会有个疑问为什么要用CompositionAPI。什么时候要用，怎么去用，能给我们带来什么好处。

福豆粑粑·2020-07-27 17:01

【Vue】系统学习——入门

一、问题1.1、环境电脑环境：Windows10；开发工具：IntelliJIDEA；数据库环境：Redis3.2.100JDK环境:Jdk1.8；1.2、问题使用Vue开发已经有2个多月了，应该后端的逻辑越来越

陶洲川·2020-07-27 17:45

mpvue开发小程序——项目初始化及实现授权登录

mpvuempvue是一个使用vue.js开发小程序的框架。其官网http://mpvue.com/的介绍是，mpvue框架基于Vue.js核心，mpvue修改了Vue.js的runtime和compiler实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套Vue.js开发体验。使用mpvue框架开发小程序，能够直接使用vue语法进行开发。VantWeappVantWeapp是一套小程序

JJYin·2020-07-27 17:01

怎么安装Vue Devtools调试工具插件？

VueDevtools是Vue官方推出的浏览器插件，可以算是Vue开发调试神器，它可以让你能够在浏览器实时的编辑数据并立即看到其反映出来的变化，让你告别console大法。

代码123·2020-07-27 17:28

vue开发SPA中，路由切换时，子组件间滚动行为相互影响的解决办法

现在有A、B两个路由组件，均注册在同一路由下，通过切换路由配合进行页面切换。AB但是当在A组件中滚动到页面底部时，再通过B到B组件，会出现B组件也直接渲染为页面底部，而不是页面头部。解决方法：首先更改router.js文件。importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)exportdefaultnewRouter({rou

Shawyu_·2020-07-27 16:22

推荐频道

vue开发